1

尝试在 highcharts 的 xrange 图表类型中创建第二级数据的行为不符合预期

请参阅 jsfiddle https://jsfiddle.net/bo8eL42v/10/和 highcharts 文档https://api.highcharts.com/highcharts/series.xrange.data.drilldown

背景 - 理想行为:点击一个系列后,图表将重新绘制,将同一系列分解为时间段(天 || 周)作为类别——这将允许进行日间/周间比较,而不是逐人比较

SubPar 替代解决方案是使用 series.events.click 触发一个函数,该函数将使用 DayOverDay 行为完全覆盖图表

实现了一个基本的 jsfiddle 来测试概念上的钻取应该按照描述的方式工作

...
            x: Date.UTC(2014, 11, 10),
            x2: Date.UTC(2014, 11, 23),
            y: 2,
            drilldown: 'a'
        }],
        ...
    }],
    drilldown: {
        series: [{
        id: 'a',
        data: [{
            x: Date.UTC(2014, 10, 21),
            x2: Date.UTC(2014, 11, 1),
            y: 0,
            partialFill: 0.25
        },{
            x: Date.UTC(2014, 11, 1),
            x2: Date.UTC(2014, 11, 2),
            y: 0,
            partialFill: 0.25
        }]
      }]
    }

预期:单击向下钻取的任何数据点:'a' 应仅重绘图表,其中仅包含在 Drilldown.series.'a' 中定义的点,其中'a' 是 id

实际:什么都没有发生,没有抛出错误

4

1 回答 1

1

您需要包含该drilldown模块以使向下钻取起作用:

<script src="https://code.highcharts.com/modules/drilldown.js"></script>

请参阅此 JSFiddle 演示

于 2019-05-23T08:04:16.560 回答