javascript - 是否可以自定义 highchart.js 库中堆栈参数的功能

Question

我正在处理 highchart 库的问题。在使用 stacking = 'normal' 参数时，我得到了柱形图的堆叠列。当两个输入的值相似时，我会得到一条图形输出线堆叠在另一条之上。我实际上需要的是，当值相同时，highchart 仅打印两个输入之一(重叠)，而不是两个输入堆叠在一起。

示例:此处 x1=2 且 x2=5。它将绘制 x1 和 x2 的所有倍数

理想输出:

当前输出:

请告诉我如何解决这个问题？当输入相同时，我不希望那些蓝线位于黑线之上。

我应该考虑柱形图的任何其他参数来处理输入相同的情况。我只想打印其中一个输出行(它与第二个输入重叠)。

这是一个针对以下问题的 JS Fiddle 示例:https://jsfiddle.net/pq82smmb/

 Highcharts.chart('container', {
        chart: {
            type: 'column'
        },
        xAxis: {
      },
        plotOptions: {
            series: {
                pointWidth: 2,
                stacking: 'normal',
                pointPlacement: 0
            }
        },
    
        series: [{
            data: [{"x": 0, "y": 0.8}, {"x": 2, "y": 0.8},{"x": 4, "y": 0.8}, {"x": 6, "y": 0.8}, {"x": 8, "y": 0.8}, {"x": 10, "y": 0.8}]
        
          }, {   
             data: [{"x": 0, "y": 0.8}, {"x": 5, "y": 0.8},{"x": 10, "y": 0.8}, {"x": 15, "y": 0.8}, {"x": 20, "y": 0.8}, {"x": 25, "y": 0.8}]
        }]
    });

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

Answer 1

我通过根本不使用堆栈属性解决了这个问题。相反，我使用了 pointRange 参数，它现在似乎可以正常工作。

JS fiddle :https://jsfiddle.net/pq82smmb/2/

 Highcharts.chart('container', {
    chart: {
        type: 'column'
    },
    xAxis: {
  },
    plotOptions: {
        series: {
            pointWidth: 2,
            pointRange: 0.05,
            //stacking: 'normal',
            pointPlacement: 0
        }
    },

    series: [{
        data: [{"x": 0, "y": 0.8}, {"x": 2, "y": 0.8},{"x": 4, "y": 0.8}, {"x": 6, "y": 0.8}, {"x": 8, "y": 0.8}, {"x": 10, "y": 0.8}]

      }, {   
         data: [{"x": 0, "y": 0.8}, {"x": 5, "y": 0.8},{"x": 10, "y": 0.8}, {"x": 15, "y": 0.8}, {"x": 20, "y": 0.8}, {"x": 25, "y": 0.8}]
    }]
});