HighCharts数列空间

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

嗨,我正试图删除一个系列之间的空白。
我使用Highcharts与React。
我得到了一个动态图表区域,需要删除墙壁之间差距。
请参见下面的示例
链接:https://jsfiddle.net/dczv0u53/13/
编码:

xAxis: {
        tickPositions: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
    },

    series: [
    {
        groupPadding: 1,
        type: `area`,
                data: [
            [0, 1],
            [1, 3],
            [2, 2],
            ],
        states: {
          inactive: {
            opacity: 0.8
          }
        }
      },
          {
        type: `area`,
        groupPadding: 1,
                data: [
            [5, 4],
            [8, 3],
            [10, 3]
        ],
        states: {
          inactive: {
            opacity: 0.8
          }
        }
      },

    ]
});
z9smfwbn

z9smfwbn1#

您可以使用breaks

xAxis: {
    ...,
    breaks: [{
      from: 2,
      to: 5,
      breakSize: 0
    }]
  }

现场演示:https://jsfiddle.net/BlackLabel/tb4czrfx/
API引用:https://api.highcharts.com/highcharts/xAxis.breaks

相关问题