highcharts - Highcharts xrange 拒绝展示向下钻取行为
问题描述
尝试在 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
实际:什么都没有发生,没有抛出错误
解决方案
您需要包含该drilldown
模块以使向下钻取起作用:
<script src="https://code.highcharts.com/modules/drilldown.js"></script>
请参阅此 JSFiddle 演示。
推荐阅读
- typescript - 如何创建通用函数以从接口转换为实现类
- javascript - 如何将表单数据传递给控制器
- c# - 收到此错误“参数 2 无法从 'System.Collections.Generic.IEnumerable string ' 转换为 'string '”
- reactjs - 是否有任何用于 gcash 支付的 api 集成?
- android - JIT优化后如何查看Android代码?
- sql - 使用 WITH 语句 PostgreSQL 时列不存在
- wordpress - 有人在wordpress中注意到这个问题吗?
- react-native - 未捕获的错误。java.net.SocketTimeoutException
- kotlin - 从 Kotlin REPL 编译和运行程序
- c++ - 2D 向量 push_back