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

Question

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

当单击下拉列表中的第二个选项时，热图应该redraw()带有新的系列数据。

标签： javascripthighcharts

Answer 1

您在方法中有错误的数据格式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