Highcharts:当没有位置数据时断开线路

标签 highcharts

在我的项目中,我使用 highcharts/stockcharts。请参阅我的 JS-fiddle 示例,了解 X 轴为 1 到 10 的简单图表,但没有“位置 9”的数据。我不想在 8 和 10 之间绘制任何线,因为没有 9 的数据。

我一直在使用 connectNulls 选项,但只有在提供 null 作为位置 9 的值时才有效。由于 Highcharts 自己计算出间隔,我希望它会自行认识到该位置没有数据。有没有办法让 Highcharts 在不为位置 9 指定 null 的情况下不在 8 和 10 之间画一条线?

预先感谢您的回复。

http://jsfiddle.net/bnqhuqt3/

最佳答案

你不能在系列中剪掉一行。您需要为series

定义一个新的data
   series: [{
      data: [
        [1, 98.87],
        [2, 98.45],
        [3, 98.52],
        [4, 99.34],
        [5, 98.56],
        [6, 98.61],
        [7, 98.12],
        [8, 98.03],
      ]
    }, {
      data: [
        [10, 0],
        [11, 150]
      ]
    }]

Fiddle Example

关于Highcharts:当没有位置数据时断开线路,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37815413/

相关文章:

javascript - $(...).highcharts 不是函数

highcharts - HighStock 数据分组近似函数

javascript - highcharts 一次性选择多个点

jquery - Highchart 渲染器按最小值和最大值

javascript - 使用逗号值作为饼图中的数据点

angular - Highcharts - 如何以 Angular 更新系列?

javascript - Django-Chartit 'source' 必须是查询集、模型或管理器

javascript - 如何为 highchart 上的 tickPosition 提供填充?

javascript - Highcharts 缩放时左侧或右侧缺少 Highchart 图表

javascript - 从导出菜单打印图表时隐藏滚动条