Нулевые точки из развертки остаются на экране при последующем развертке в другом месте

Question

я воспроизводимой мой вопрос здесь: http://jsfiddle.net/1bf4ob05/4/

А вот вопрос на GitHub: https://github.com/highcharts/highcharts/issues/6308

Есть некоторую конфигурация, которая должна быть прошло. Это происходит, когда вы передаете данные и mapData отдельно (см. Скрипку или ниже), и не все точки данных детализации имеют значения. Нулевые точки от одной развертки по-прежнему отображаются на развертке второго.

mapData : myMapData, 
data : myMockData, 

Нужно ли мне что-то делать ясно или что-то в моем детализации?

Answer 1

Проблема, которую вы испытываете здесь, с точками «reoccuring» в новых выпадающих списках, заключается в том, что вы используете единый массив для ваших данных, используемых в нескольких выпадающих меню. У вас есть:

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], 
    // ... 
});