在同一页面上使用highchart和highstock
我有这个页面:
并在我使用的页面中
$.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 } }] });
他们不能一起工作,只是一个或另一个。
我能做什么?
冲突的Highchart和Highstock也遇到了同样的问题。 这是官方解决方案:
请记住Highcharts.Chart构造函数和Highcharts的所有function都包含在Highstock中,因此如果您组合运行Chart和StockChart,则只需加载highstock.js文件。
highcharts包含在highstock.js中,所以请看一下这个例子,如何在highstock.js中使用highstock.js
。
http://jsfiddle.net/sbochan/PtXhB/
其次,我建议使用最新的highstock。
当我尝试使用Highstock图表和Angular Gauge时,我遇到了同样的问题,当我尝试重新排列highstock高图javascript库时问题解决了
或(如果您不想使用其他图形)
我希望它有用
你必须删除这个文件:
highcharts.js
我试过,它的工作原理
我的情况,包括只有HighStock的文件也适用于HighChart’s。
我有很多图表,highchart或highstock,可以包含在同一页面上,我只需要调用一次HighStock.js就可以了!
使用highstock.js并删除highcharts.js它对我有用并祝你好运
Highstock包含大多数HighCharts代码。 您是否尝试在页面中仅包含highstock.js以显示两个图表?
我有同样的问题,并通过订购我的JS修复如下。
据Ardi说,我不知道它的工作正常。 当我首先加载highstock.js然后加载highcharts时,对我来说工作正常。