2016-10-19 2 views
0

я хочу показать несколько данных в подсказке , но, например highstock является только один данными в подсказкеО HighStock подсказки несколько данных

я пытался найти спросить и пример, но я мог только найти примеры для highchart

== ================================================== ==========

моего код> (а ToolTip и тото шоу не определенно)

series: [{ 
       name: '', 
       data: [{  
        x:1452870000000, 
        y: 56.33, 
        abc: 'Microsoft Internet Explorer', 
        toto:'op' 
       }, {   
        x:1453870000000, 
        y: 24.03, 
        abc: 'Chrome', 
        toto:'uo' 
       }, {  
        x:1455870000000, 
        y: 10.38, 
        abc: 'Firefox', 
        toto:'fq' 
       } 
         ],     
       marker: { 
        enabled: true, 
        radius: 3 
       }, 
       shadow: true  
      }], 

      tooltip: { 
       formatter: function() { 
        return '<span>'+this.point.abc+this.point.toto+'</span>'; 
       }      
      } 
+0

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

ответ

1

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

tooltip: { 
      shared:true 
     }, 

проверки jsfiddle

$(function() { 
    var seriesOptions = [], 
     seriesCounter = 0, 
     names = ['MSFT', 'AAPL', 'GOOG']; 

    /** 
    * Create the chart when all data is loaded 
    * @returns {undefined} 
    */ 
    function createChart() { 

     $('#container').highcharts('StockChart', { 

      rangeSelector: { 
       selected: 4 
      }, 

      yAxis: { 
       labels: { 
        formatter: function() { 
         return (this.value > 0 ? ' + ' : '') + this.value + '%'; 
        } 
       }, 
       plotLines: [{ 
        value: 0, 
        width: 2, 
        color: 'silver' 
       }] 
      }, 

      plotOptions: { 
       series: { 
        compare: 'percent', 
        showInNavigator: true 
       } 
      }, 

      tooltip: { 
       pointFormat: '<span style="color:{series.color}">{series.name}</span>: <b>{point.y}</b> ({point.change}%)<br/>', 
       valueDecimals: 2, 
       //split: true, 
       shared:true 
      }, 

      series: seriesOptions 
     }); 
    } 

    $.each(names, function (i, name) { 

     $.getJSON('https://www.highcharts.com/samples/data/jsonp.php?filename=' + name.toLowerCase() + '-c.json&callback=?', function (data) { 

      seriesOptions[i] = { 
       name: name, 
       data: data 
      }; 

      // As we're loading the data asynchronously, we don't know what order it will arrive. So 
      // we keep a counter and create the chart when all the data is loaded. 
      seriesCounter += 1; 

      if (seriesCounter === names.length) { 
       createChart(); 
      } 
     }); 
    }); 
}); 

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

+0

Спасибо за советы, – correcter

+0

Ваши предложения очень полезны. – correcter

+0

это то, что вы хотели? –

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