2017-02-07 3 views
0

Здравствуйте, я сейчас столкнулся с проблемой со всплывающей подсказкой на моей диаграмме, которая динамически добавляет данные с помощью функции Series.SetData() для высоких диаграмм. Проблема, однако, не связана с добавленными данными, я думаю, но с помощью всплывающей подсказки каждый раз, когда я курсирую над точкой на графике.Проблема с подсказкой на Highcharts с несколькими последовательно добавленными динамически

Чтобы лучше понять, я буду размещать два скриншота с вопросом:

Screenshot 1

enter image description here

Всякий раз, когда я мыши на определенной точке на графике подсказка сохраняет изменения и значения представлены являются которые размещены на скриншотах. Если я вытащу мышь, всплывающая подсказка, которая остается на экране, вторая, и я больше не могу видеть значение Y1. я, вероятно, имеют плохие конфигурации диаграммы так вот код моего графика:

$(function() { 

    // Create the chart for node 1 
    $('#container').highcharts('StockChart', { 
     chart: { 
      zoomType: 'x', 
      events: { 
       load: requestDataNode1 
      }, 
     }, 
     credits: { 
      enabled: false 
     }, 

     title: { 
      text: 'Live Data' 
     }, 
     rangeSelector: { 
      buttons: [{ 
       count: 1, 
       type: 'minute', 
       text: '1M' 
      }, { 
       count: 5, 
       type: 'minute', 
       text: '5M' 
      }, { 
       type: 'all', 
       text: 'All' 
      }], 
      inputEnabled: false, 
      selected: 0 
     }, 
     yAxis: { 
      labels: { 
       formatter: function() { 
        //return (this.value > 0 ? ' + ' : '') + this.value + '%'; 
        return this.value; 
       } 
      }, 
      plotLines: [{ 
       value: 0, 
       width: 2, 
       color: 'silver' 
      }] 
     }, 
     legend:{ enabled: true}, 
     plotOptions: { 
      series: { 

       showInNavigator: true 
      }, 
      spline: { 
       turboThreshold: 0, 
       dataLabels: { 
        enabled: false 
       }, 
       enableMouseTracking: true 
      } 

     }, 

     tooltip: { 
      pointFormat: '<span style="color:{series.color}">{series.name}</span>: <b>{point.y}</b><br/>', 
      valueDecimals: 2, 
      split: false 
     }, 
     navigator: { 

      series: { 
       data: [] 
      } 
     }, 
    }); 


}); 

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

Заранее благодарю вас за помощь.

+0

Я не могу найти неправильную конфигурацию на графике - если вы не полностью воссоздаете проблему, я не смогу сказать, где проблема. https://jsfiddle.net/2q5nkkbw/ – morganfree

ответ

0

Я как-то разрешил эту проблему, добавив общее свойство в свойство tooltip и установив значение false, однако теперь я получаю только одно значение. Можно ли видеть все значения?

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