HighCharts:如何更改底线颜色的样式

HighCharts: How to change style of bottom line color

提问人:ohmybug 提问时间:11/13/2023 更新时间:11/13/2023 访问量:21

问:

在此处输入图像描述我想将线条的颜色更改为黑色,如上图所示

这是我绘制高图的那部分的代码。

在此处输入图像描述我想我需要在类型中修复它:'area' 和 我试图设置类型区域并尽可能多地读取 API,但我无法解决这个问题

请任何人帮助我

高图表

评论


答:

0赞 ppotaczek 11/13/2023 #1

要更改的线是网格线。由于没有 API 选项可以更改单个网格线,因此您需要访问正确的 SVG 元素并更改其属性。yAxis

  chart: {
    events: {
      load: function() {
        const yAxis = this.yAxis[0];
        const firstTick = yAxis.ticks[yAxis.tickPositions[0]];

        firstTick.gridLine.attr({
          stroke: '#000',
          'stroke-width': 1
        });
      }
    }
  }

现场演示:https://jsfiddle.net/BlackLabel/hLasqxer/

API 参考:https://api.highcharts.com/class-reference/Highcharts.SVGElement#attr

评论

0赞 ohmybug 11/14/2023
我做到了!非常感谢~!我真的很感谢你的好答案和智慧!