使用highchart和highstock在同一页上(use highchart and highs

2019-07-30 06:14发布

我有这个页面:

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


            });
        });

和highstock图表

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,所以如果你在运行的组合图和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图表和角计,而当我试图重新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>

我希望它是有用的



Answer 4:

你必须删除此文件:

highcharts.js

我想,它的工作原理



Answer 5:

IM我的情况下,只包括HighStock的文件HighChart的工作也是如此。

我有很多的图表,被列入同一页上highchart的或highstock的,可能的,我只是叫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>

我不知道根据阿尔迪其工作的罚款。 当我加载highstock.js第一,随后是highcharts工作正常,我。



文章来源: use highchart and highstock on the same page