2012-07-04 10 views
14

Tôi có trang này:sử dụng highchart và highstock trên cùng một trang

<script type="text/javascript" src="jQuery/Highcharts/highstock1.1.6.js"></script> 
<script type="text/javascript" src="jQuery/Highcharts/highcharts2.1.4.js"></script> 

và trong trang tôi sử dụng

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


      }); 
     }); 

và một đồ thị highstock

window.chart = new Highcharts.StockChart({ 
    chart: { 
     renderTo: 'chartHistory' 
    }, 

    rangeSelector: { 
      selected: 2 
    }, 


    series: [{ 
     data: history, 
     type: 'spline', 
     tooltip: { 
      valueDecimals: 2 
     } 
    }] 
}); 

và họ có thể 't làm việc cùng nhau, chỉ một hoặc khác.

Tôi có thể làm gì?

+0

Bạn đã cố gắng để hiển thị chúng separarated? Chuyện gì đã xảy ra ? –

+0

có, thậm chí seperatly đồ thị highchart là không làm việc (tốt) .. Có một highstock + highchrt js tập tin bất cứ nơi nào? – devmonster

+0

Bạn có thể đăng nhập dữ liệu chuỗi của bạn và đăng ở đây không? –

Trả lời

0

Highstock chứa hầu hết mã HighCharts. Bạn đã thử chỉ bao gồm highstock.js trong trang của mình để hiển thị cả hai biểu đồ?

+0

Tôi đã làm, nó chỉ vẽ một số đồ thị highchart nhưng không hoạt động trong hầu hết chúng. – devmonster

+0

HighStock không hiển thị biểu đồ nào? – wergeld

+0

ví dụ: biểu đồ đầu tiên trong câu hỏi không hiển thị - (new Highcharts.Chart) – devmonster

3

tôi đã trải qua cùng một vấn đề khi tôi cố gắng sử dụng biểu đồ Highstock và đo góc, Và vấn đề đã được giải quyết khi tôi cố gắng sắp xếp lại highstock highchart javascript thư viện như thế này

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

hoặc (nếu bạn don 't muốn sử dụng đồ họa thêm)

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

tôi hy vọng nó có thể hữu ích

32

Got rắc rối cùng với mâu thuẫn Highchar t và Highstock. đây là giải pháp chính thức:

Hãy nhớ rằng các nhà xây dựng Highcharts.Chart và tất cả các tính năng của Highcharts có trong Highstock, vì vậy nếu bạn đang chạy Chart và StockChart kết hợp, bạn chỉ cần nạp highstock .js tệp.

http://highcharts.com/errors/16

-1

tôi đã cùng một vấn đề và đã cố định bằng cách đặt hàng JS của tôi như dưới đây.

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

Tôi không biết nó hoạt động tốt theo Ardi. Là công trình tốt cho tôi khi tôi tải highstock.js đầu tiên tiếp theo là highcharts.

+0

Đó là giải pháp goof Nó hoạt động tốt –

4

Highcharts được bao gồm trong highstock.js, vì vậy hãy xem ví dụ, cách sử dụng highcharts với highstock.js.

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

Thứ hai, tôi khuyên sử dụng giá cao nhất mới nhất.

1

bạn phải xóa tập tin này:

highcharts.js

tôi đã cố gắng và nó hoạt động

0

Im trường hợp của tôi, trong đó có tập tin chỉ HighStock của làm việc cho HighChart là tốt.

Tôi có nhiều biểu đồ, highchart hoặc highstock, có thể được đưa vào cùng một trang và tôi chỉ gọi HighStock.js một lần và nó hoạt động cho cả hai!

0

Sử dụng chỉ highstock.js và xóa highcharts.js Và Nó làm việc tốt cho tôi Và Chúc may mắn