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构造函数和所有功能 Highstock包含在Highstock中，因此如果您正在运行Chart和 StockChart组合，你只需要加载highstock.js 文件。

http://highcharts.com/errors/16

Answer 2

Highcharts包含在highstock.js中，因此请查看示例，如何在highstock.js中使用highcharts。

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

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

Answer 3

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

您必须删除此文件：

highcharts.js

我尝试了它的确有效

Answer 5

我的情况，包括HighStock的文件也适用于HighChart's。

我有很多图表，高图或高品牌，可以包含在同一页面上，我只需要拨打HighStock.js一次，它适用于两者！

Answer 6

只使用的 highstock.js 并删除 highcharts.js 它对我来说很有用祝你好运

Answer 7

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

Answer 8

我有同样的问题，并通过订购我的JS进行修复，如下所示。

<script type="text/javascript" src="$javascript_folder/highstock.js"></script>
<script type="text/javascript" src="$javascript_folder/highcharts.js"></script>

根据Ardi，我不知道它的工作正常。当我首先加载highstock.js然后加载highcharts时，对我来说工作正常。

在同一页面上使用highchart和highstock

8 个答案: