Highstock и Highcharts: как использовать StockChart и круговую диаграмму на одной странице - PullRequest
Новая
       22

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

1 голос
/ 16 января 2012

У меня путаница в использовании круговой диаграммы 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>

Ответы [ 2 ]

1 голос
/ 05 февраля 2013

У меня возникла та же проблема, когда я пытался использовать Highstock chart и Angular Gauge, и эта проблема была решена, когда я пытался переставить high -tock highchart javascript library следующим образом 

<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>

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

0 голосов
/ 16 апреля 2014

Решение простое, поставьте сначала 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>

Не забудьте поставить jQuery !! 

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

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

...