2012-07-04 46 views
14

我有這個頁面:使用highchart和highstock在同一頁上

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

,他們可以一起工作,只是一個或另一個。

我能做些什麼?

+0

?發生了什麼 ? –

+0

是的,即使是獨立的高圖也無法正常工作(良好)..在任何地方是否有highstock + highchrt js文件? – devmonster

+0

你能記錄你的系列數據並在這裏發佈嗎? –

回答

0

Highstock包含了大部分的HighCharts代碼。你有沒有嘗試在頁面中只包含highstock.js來顯示兩個圖表?

+0

我做了,只繪製了一些高圖,但在大多數圖中不起作用。 – devmonster

+0

HighStock不顯示什麼圖表? – wergeld

+0

例如問題中的第一個圖表未顯示 - (new Highcharts.Chart) – devmonster

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> 

或者(如果你不「T要使用額外的圖形)

<script type="text/javascript" src="jQuery/Highcharts/highcharts.js"></script> 
<script type="text/javascript" src="jQuery/Highcharts/highstock.js"></script> 

我希望它是有用的

32

得到了同樣的麻煩與衝突的Highchar噸和Highstock。這裏是官方的解決辦法:

請記住,Highcharts.Chart構造和 Highcharts所有功能都包含在Highstock,所以如果你正在運行圖和 StockChart組合,你只需要加載highstock .js 文件。

http://highcharts.com/errors/16

-1

我有同樣的問題,得到了由如下排序我的JS固定。

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

我不知道它的工作正常根據阿爾迪。當我首先加載highstock.js,然後加入highcharts時,對我來說工作正常。

+0

它是一個混亂的解決方案它運作良好 –

4

Highcharts包含在highstock.js中,所以請看看示例,如何使用highcharts和highstock.js

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

第二,我建議使用最新highstock。

1

您必須刪除此文件:

highcharts.js

我想和它的作品

0

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

我有很多圖表,highchart的或highstock的,可能被包含在同一頁面上,我只是打電話給HighStock.js一次,它適用於兩個!

0

使用只是 highstock.js 和刪除highcharts.js ,你必須試圖顯示他們separarated它的工作很適合我 和好運

相關問題