Highstock И Highcharts: Как я использую StockChart и круговую диаграмму на той же странице

Question

У меня есть путаница в использовании круговой диаграммы highstock и highcharts на той же странице. В обоих случаях я получаю данные с помощью JSON. Браузер не может правильно отображать Highcharts.StockChart, тогда как он отображает пирог Highcharts.Chart.

Вот сегмент кода, который я использую:

<script type="text/javascript"> 
$("document").ready(function() { 
$.getJSON('http://localhost:3000/reports/hits?callback=?', function(data) { 
    var chart = new Highcharts.Chart({ 
     chart: { 
      renderTo: 'container' 
     }, 
     ... 
     }, 
     series: [{ 
      name: 'Name', 
      data: data, 
      tooltip: { 
       yDecimals: 0 
      } 
     }] 
    }); 
    }) 

    $.getJSON('http://localhost:3000/reports/daily_hit?callback=?', function(data) { 
    var chart = new Highcharts.Chart({ 
     chart: { 
      renderTo: 'container1', 
      plotBackgroundColor: null, 
      plotBorderWidth: null, 
      plotShadow: false 
     }, 
     ... 
     series: [{ 
      type: 'pie', 
      name: 'Hit', 
      data: data 
     }] 
    }); 
    }) 
} 
); 
</script> 

Answer 1

я испытал те же проблемы, когда я пытался использовать Highstock диаграмму и угломером, И проблема была решена, когда я пытаюсь изменить highstock highchart библиотеку JavaScript, как этот

<script type="text/javascript" src="jQuery/Highcharts/highcharts.js"></script> 
<script type="text/javascript" src="jQuery/Highcharts/highstock.js"></script> 
<script type="text/javascript" src="jQuery/Highcharts/highcharts-more.js"></script> 

или (если вы не хотите использовать дополнительную графику)

<script type="text/javascript" src="jQuery/Highcharts/highcharts.js"></script> 
<script type="text/javascript" src="jQuery/Highcharts/highstock.js"></script> 

Я надеюсь, что это может быть полезно

Answer 2

Решение легко, положить первый highstock, а затем highchart так:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> 
<script type="text/javascript" src="jQuery/Highcharts/highstock.js"></script> 
<script type="text/javascript" src="jQuery/Highcharts/highcharts.js"></script> 
<script type="text/javascript" src="jQuery/Highcharts/highcharts-more.js"></script> 

Dont забудем поставить JQuery !!

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> 

Это решить мою проблему, я надеюсь, что может помочь вам