【问题标题】:I want to implement drilldown for heatmap or heatstock of highcharts我想对 highcharts 的热图或 heatstock 实施钻取
【发布时间】:2018-11-19 05:56:45
【问题描述】:

我无法为 highcharts 的热图或热库添加明细。有一些示例用于向下钻取,其中只需要一个数据。

例如:
enter code here在此处输入代码`data: [5, 7, 3]

但不适用于 2D 或 3D 数据。

例如:

1. data: [[1479220200000, 107.11],
        [1479306600000, 109.99],
        [1479393000000, 109.95]]

2. data: [[0, 0, 10], [0, 1, 19], [0, 2, 8], [0, 3, 24]]

任何人都可以检查这是否可以实现或它是否是 highcharts 中的错误。?

【问题讨论】:

  • 请分享代码的stackblitz。所以我们会知道是什么类型的错误,或者你卡在哪里了。

标签: angular highcharts heatmap drilldown


【解决方案1】:

您可以像添加其他系列类型一样将drilldown 功能添加到heatmap。示例:

series: [{
    data: [{
        x: 0,
        y: 0,
        value: 10,
        drilldown: 'animals'
    }, {
        x: 0,
        y: 0,
        value: 10
    }, {
        x: 0,
        y: 1,
        value: 19
    }, {
        x: 1,
        y: 0,
        value: 92
    }, {
        x: 1,
        y: 1,
        value: 58
    }],
    dataLabels: {
        enabled: true,
        color: '#000000'
    }
}],
drilldown: {
    series: [{
        id: 'animals',
        data: [
            [0, 9, 7],
            [1, 10, 4],
            [2, 6, 3]
        ]
    }]
}

现场演示:https://jsfiddle.net/BlackLabel/mzfpjeht/

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2021-07-05
    • 2023-03-11
    • 1970-01-01
    • 1970-01-01
    • 2015-06-28
    • 1970-01-01
    • 1970-01-01
    • 2020-10-15
    相关资源
    最近更新 更多