highcharts 如何从图形中删除扩展网格线?

piah890a  于 2022-11-10  发布在  Highcharts
关注(0)|答案(1)|浏览(241)

我用Highchart设计我的图表。但是我不能用CSS和js定制它。现在我不能从我的截图中显示的图表中删除多余的网格线。我试着从我的代码中修改d=“M 77.5 45 L 77.5 365”,但是我不能让它工作。我该怎么解决这个问题呢!任何帮助都将不胜感激。
为清楚起见,下面是屏幕截图:
Screenshot

wvt8vs2t

wvt8vs2t1#

您需要强制轴在刻度上开始或结束。将此选项与minPadding选项一起使用可以控制轴的开始或结束的maxPadding。

Highcharts.chart('container', {
  xAxis: {
    startOnTick: true,
    endOnTick: true,
    gridLineWidth: 1,
    type: 'datetime'
  },

  series: [{
    data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4],
    pointStart: Date.UTC(2010, 0, 1),
    pointInterval: 3 * 24 * 3600 * 1000
  }]
});

https://api.highcharts.com/highcharts/xAxis.startOnTickhttps://api.highcharts.com/highcharts/xAxis.endOnTick显示器
https://jsfiddle.net/BlackLabel/305z7yf1/1/
已编辑
我简化了你的例子,你的目标。
https://jsfiddle.net/BlackLabel/305z7yf1/2/

相关问题