钻取的零点在随后的不同位置的钻取中保留在屏幕上

时间:2017-02-02 04:57:29

标签: reactjs highcharts highmaps highcharts-ng

我在这里转载了我的问题:http://jsfiddle.net/1bf4ob05/4/

以下是github上的问题:https://github.com/highcharts/highcharts/issues/6308

是否需要传递一些配置。当你单独传递数据和mapData(参见小提琴或下面)并且并非所有的向下钻取数据点都有值时,似乎会发生这种情况。一次钻取的零点仍显示在第二次钻取的钻取中。

mapData : myMapData,
data : myMockData,

我需要在深入研究中做些明确的事情吗?

1 个答案:

答案 0 :(得分:0)

您在此处遇到的问题是在新下拉列表中“重新检查”点是因为您在多个下拉列表中使用单个数组来处理数据。你有:

 var myMockData = [
    {
        "hc-key": "us-ca-075",
        "value": 10
    },
    {
        "hc-key": "us-ny-045",
        "value": 40,
    },
    // ...
];

在基于mapData的合并操作中使用data'hc-key'时,会修改此数组。这会让它在未来的下拉中使用。下拉列表后打印myMockData以查看其外观。

相反,你可以为每个新的下拉列表使用单独的数组,例如像这样(JSFiddle):

myMockData = {
    'California': [
        {
            "hc-key": "us-ca-075",
            "value": 10
        },
        // ...
    ],
    'New York': [
        {
            "hc-key": "us-ny-045",
            "value": 40,
        },
        // ...
    ]
};

addSeriesAsDrilldown更改为:

chart.addSeriesAsDrilldown(e.point, {
    name: e.point.name,
    mapData:myMapData,
    data:myMockData[e.point.name],
    // ...
});