8

Tôi đang sử dụng chỉ thị Góc cho HighCharts, https://github.com/pablojim/highcharts-ng.Sử dụng HighStocks với highcharts-ng

Tuy nhiên tôi muốn sử dụng tùy chọn HighStock có thể được thực hiện theo liên kết ở trên bằng cách đặt useHighStocks: true.

Khi tôi thử biểu đồ này sẽ không tải chút nào, nhưng chỉ hoạt động tốt khi được đặt thành false. Tôi thậm chí đã cố gắng bao gồm highstock.js từ trang web chính thức nhưng không có may mắn.

gốc jsfiddle: http://jsfiddle.net/pablojim/7cAq3/

My highstock jsfiddle không làm việc: http://jsfiddle.net/achronos/7LZv4/1/

$scope.chartConfig = { 
    options: { 
     chart: { 
      type: 'line', 
      zoomType: 'x' 
     } 
    }, 
    series: [{ 
     data: [10, 15, 12, 8, 7, 1, 1, 19, 15, 10] 
    }], 
    title: { 
     text: 'Hello' 
    }, 
    xAxis: {currentMin: 0, currentMax: 10, minRange: 1}, 
    loading: false, 
    useHighStocks: true 
} 

Những gì tôi có thể làm để làm cho nó hoạt động? Cảm ơn

Trả lời

14

Tôi đã tự giải quyết nó, rõ ràng bạn không thể bao gồm cả highcharts.js và highstock.js cùng một lúc. Khi bao gồm highstock.js, chức năng highcharts.js được bao gồm, tuy nhiên nó không hoạt động ngược lại.

Vì vậy, mẹo là chỉ bao gồm highstock.js!

+1

Cảm ơn bạn đã chia sẻ, tôi chắc chắn rằng nó sẽ giúp nhiều người khác. –

+0

@Oskar Eriksson Cảm ơn Điều này thực sự hữu ích và tiết kiệm rất nhiều thời gian cho tôi –

+0

@Oskar Eriksson thay đổi highcharts thành highstock thay đổi duy nhất là thêm chartConfig.useHighStocks = true; ?? – patz

0

Bạn có thể sử dụng highcharts-ng và highstocks bằng cách bao gồm highstock-all.js. Tôi tin rằng đây cũng là phiên bản độc lập của highstocks quá (xin vui lòng sửa tôi nếu tôi sai) vì vậy ngày hạnh phúc. Chi phí là 274Kb được giảm thiểu nếu bạn có thể sống với điều đó.