在同一页面上使用highchart和highstock

Question

我有这个页面:

<script type="text/javascript" src="jQuery/Highcharts/highstock1.1.6.js"></script>
<script type="text/javascript" src="jQuery/Highcharts/highcharts2.1.4.js"></script>

并在我使用的页面中

$.getJSON(
        "server/indice.server.php?row=" + row +"&item="+ item,
        null,
        function(data)
        {
            chartindice = new Highcharts.Chart(
            {
                chart:
                {
                    renderTo: 'graph',
                    defaultSeriesType: 'line',
                    zoomType: 'x'
                },
                        /////moore setting..
                series:
                [{
                    type: 'area',
                    name: titleindice,
                    data: indice,
                    showInLegend : false //disable the the show/hide icon
                }]


            });
        });

和高库存图

window.chart = new Highcharts.StockChart({
    chart: {
        renderTo: 'chartHistory'
    },

    rangeSelector: {
            selected: 2
    },


    series: [{
        data: history,
        type: 'spline',
        tooltip: {
            valueDecimals: 2
        }
    }]
});

他们不能一起工作,只是一个或另一个.

我能做什么？

Answer 1

遇到冲突的Highchart和Highstock也遇到了同样的问题.这是官方解决方案:

请记住Highcharts.Chart构造函数和Highcharts的所有功能都包含在Highstock中,因此如果您组合运行Chart和StockChart,则只需加载highstock.js文件.

http://highcharts.com/errors/16

Answer 2

Highcharts 包含在 highstock.js 中，因此请查看示例，如何将 highcharts 与highstock.js.

http://jsfiddle.net/sbochan/PtXhB/

其次，我建议使用最新的highstock。

Answer 3

Highstock 包含大部分 HighCharts 代码。您是否尝试过在页面中仅包含 highstock.js 来显示两个图表？