热图系列未使用setData()更新

时间:2018-09-20 13:05:59

标签: javascript highcharts

当下拉值更改时,我尝试使用setData()更改热图系列数据。请检查我的工作jsfiddle

在下拉菜单中单击第二个选项时,热图应redraw()与新系列数据一起使用。

1 个答案:

答案 0 :(得分:0)

您在setData方法中使用了错误的数据格式,您有几个数组-应该是一个数组,类似于系列中的data

        chart.series[0].setData([

            [0, 0, 16],
            [0, 1, 14],
            [0, 2, 38],
            [0, 3, 24],
            [0, 4, 67],

            [1, 0, 92],
            [1, 1, 58],
            [1, 2, 78],
            [1, 3, 117],
            [1, 4, 48],

            [2, 0, 35],
            [2, 1, 15],
            [2, 2, 123],
            [2, 3, 64],
            [2, 4, 52],

            [3, 0, 72],
            [3, 1, 132],
            [3, 2, 114],
            [3, 3, 19],
            [3, 4, 16],

            [4, 0, 38],
            [4, 1, 5],
            [4, 2, 8],
            [4, 3, 117],
            [4, 4, 115],

            [5, 0, 88],
            [5, 1, 32],
            [5, 2, 12],
            [5, 3, 6],
            [5, 4, 120],

            [6, 0, 13],
            [6, 1, 44],
            [6, 2, 88],
            [6, 3, 98],
            [6, 4, 96],

            [7, 0, 31],
            [7, 1, 1],
            [7, 2, 82],
            [7, 3, 32],
            [7, 4, 30],

            [8, 0, 85],
            [8, 1, 97],
            [8, 2, 123],
            [8, 3, 64],
            [8, 4, 84],

            [9, 0, 47],
            [9, 1, 114],
            [9, 2, 31],
            [9, 3, 48],
            [9, 4, 94]
        ], true, true, false);

实时演示:http://jsfiddle.net/BlackLabel/g3snLqwm/

API:https://api.highcharts.com/class-reference/Highcharts.Series#setData