1

我对在同一页面上使用 highstock stockchart 和 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>
4

2 回答 2

1

当我尝试使用 Highstock 图表和 Angular Gauge 时，我遇到了同样的问题，当我尝试像这样重新排列 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>

我希望它有用

于 2013-02-04T20:03:27.890 回答
0

解决方案很简单，先放 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>

这解决了我的问题，希望能帮到你

于 2014-04-16T11:26:00.690 回答