2015-01-26 2 views
0

Я использовал сгруппированную и складывали схему библиотеки Highcharts, как вы можете увидеть здесь: http://jsfiddle.net/152h9qrv/подсказки для всего стека в сгруппированном сложенных Highcharts диаграмме

Теперь я хочу добавить всплывающую подсказку для каждого стека. Когда вы наведете стек (не вся группа), вы должны получить все имена и данные для стека. Я попытался использовать опцию shared:true, но затем получаю все значения для всей группы (6 значений в моем примере). Без этой опции я могу получить доступ только к зависающему элементу/значению.

В моем примере (http://jsfiddle.net/152h9qrv/): Я хочу получить доступ к именам и значениям для трех элементов каждого зависающего стека.

Может ли кто-нибудь дать мне подсказку?

ответ

1

Вы можете использовать форматировщик всплывающей подсказки, а затем найти точки.

tooltip: { 
     formatter: function() { 
      var indexS = this.series.index, 
       indexP = this.point.x, 
       series = this.series.chart.series, 
       out = 'y1:' + this.y + '<br/>'; 

      switch (indexS) { 
       case 0: 
        out += 'y2: ' + series[1].data[indexP].y; 
        break; 
       case 1: 
        out += 'y2: ' +series[0].data[indexP].y; 
        break; 
       case 2: 
        out += 'y2: ' +series[3].data[indexP].y; 
        break; 
       case 3: 
        out += 'y2: ' + series[2].data[indexP].y; 
        break; 
      } 

      return out; 
     } 
    }, 

http://jsfiddle.net/3Utat/10/

+0

Спасибо! Это помогло мне найти правильное решение. Есть ли способ найти количество стеков в группе? У меня 12 групп с 3 стеками, но я хочу динамическое решение? Как я могу получить доступ к имени зависающего стека в функции форматирования? – Vivid

+0

Ну, это просто демо, чтобы вы могли приспособиться к своим ожиданиям и добавить условия для форматирования данных/всплывающих подсказок, что позволяет сделать это лучше. –

Смежные вопросы