停止Highcharts裁剪x轴上各点之间的系列线

quhf5bfb 于 2023-03-12 发布在 Highcharts

关注(0)|答案(1)|浏览(148)

我有一个具有以下属性的系列图表...

series.lineWidth为2像素
xAxis.lineWidth设置为0时隐藏x轴

如果两个相邻点的y轴值恰好为零，并沿着x轴 * 所在的位置绘制，则它们之间绘制的线的宽度为1px而不是2px。基于this GitHub issue和subsequent commit，这似乎是预期行为。是否有办法覆盖此设置并始终绘制2px宽的系列线？
我可以理解，在有x轴的图表上，这可以增加易读性，但在没有x轴的图表中，这看起来更像是呈现错误。

highcharts

来源：https://stackoverflow.com/questions/36604015/stop-highcharts-from-cropping-the-series-line-between-points-on-the-x-axis

1条答案

按热度按时间

piztneat1#

您可以通过将series.clip设置为false来防止系列被剪切/裁剪。

Highcharts.chart('container', {
  series: [{
    data: [0, 0, 0, 4, 2],
    lineWidth: 2,
    clip: false
  }],
  xAxis: {
    lineWidth: 0
  },
  yAxis: {
    visible: false
  }
});

<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/accessibility.js"></script>
<div id="container" style="height: 300px"></div>

JSFiddle demo

赞(0）回复(0）举报 2023-03-12

我来回答

停止Highcharts裁剪x轴上各点之间的系列线

1条答案

相关问题

热门标签

最新问答