15

我有这个页面：

<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
        }
    }]
});

他们不能一起工作，只能一个或另一个。

我能做些什么？

4

8 回答 8

36

在 Highchart 和 Highstock 冲突时遇到了同样的麻烦。这是官方的解决方案：

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

http://highcharts.com/errors/16

于 2013-04-28T11:02:46.987 回答
5

Highcharts 包含在 highstock.js 中，所以请看示例，如何将 highcharts 与highstock.js.

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

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

于 2013-07-17T11:19:17.100 回答
3

当我尝试使用 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-04T19:56:17.980 回答
2

您必须删除此文件：

highcharts.js

我试过了，它有效

于 2013-07-24T10:36:13.367 回答
1

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

我有很多图表，highchart 或 highstock，可能包含在同一页面上，我只调用一次 HighStock.js，它适用于两者！

于 2013-10-07T20:54:00.480 回答
1

只使用 highstock.js 并删除highcharts.js 对我来说效果很好，祝你好运

于 2016-12-28T12:49:47.720 回答
0

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

于 2012-07-04T09:30:54.483 回答
-1

我有同样的问题，并通过如下订购我的 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 时，对我来说效果很好。

于 2013-07-17T08:58:26.710 回答