从图表 js 中删除特定位置的网格线

Remove Grid lines from chart js at specific place

提问人:VivekNair 提问时间:1/19/2023 最后编辑:VivekNair 更新时间:1/19/2023 访问量:142

问:

我正在使用最新版本的 Chart js,并且我已经实现了多个 X 轴并在 X 轴上添加了网格线,但我想删除特定位置的网格线,但它不起作用

这是我在图表 JS 中 X 轴的代码

`

x:{

type: "category",

        grid: {

          drawOnChartArea: false, // only want the grid lines for one axis to show up

        },

        gridLines: { drawBorder: true, lineWidth: 10 },

        ticks: {

          // autoSkip: false,

          // stacked: false,

          padding: 10,

          maxRotation: 0,

          minRotation: 0,

          callback: function(label) {

            let realLabel = this.getLabelForValue(label)

            return getxAxis(realLabel);

          }

        },

        maxBarThickness: 10

      },

    },`

这是屏幕截图,其中网格线在每个地方都可见,我想动态处理它(https://i.stack.imgur.com/dXfW4.png)

 x:{
            type: "category",
            grid: {
              drawOnChartArea: false, // only want the grid lines for one axis to show up
            },
            gridLines: { drawBorder: true, lineWidth: 10 },
            ticks: {
              // autoSkip: false,
              // stacked: false,
              padding: 10,
              maxRotation: 0,
              minRotation: 0,
              callback: function(label) {
                let realLabel = this.getLabelForValue(label)
                return getxAxis(realLabel);
              }
            },
            maxBarThickness: 10
          },
        },


我想动态处理网格线,以便我可以隐藏或显示我想要的任何位置。

JavaScript Angular TypeScript 图表.js 网格线

评论


答: 暂无答案