Частый гость
Покинул форум
Сообщений всего: 196
Дата рег-ции: Дек. 2015
Помог: 0 раз(а)
|
Библию highcharts можно использовать без jquery. Ее как то рендить нужно, я ранее пытался это делать, ничего не получалось...
А именно исправить этот код...
CODE ( javascript):
скопировать код в буфер обмена
$(function () { $.getJSON('https://www.highcharts.com/samples/data/jsonp.php?filename=aapl-ohlcv.json&callback=?', function (data) { // split the data set into ohlc and volume var ohlc = [], volume = [], dataLength = data.length, // set the allowed units for data grouping groupingUnits = [[ 'week', // unit name [1] // allowed multiples ], [ 'month', [1, 2, 3, 4, 6] ]], i = 0; for (i; i < dataLength; i += 1) { ohlc.push([ data[i][0], // the date data[i][1], // open data[i][2], // high data[i][3], // low data[i][4] // close ]); volume.push([ data[i][0], // the date data[i][5] // the volume ]); } // create the chart $('#container').highcharts('StockChart', { rangeSelector: { selected: 1 }, title: { text: 'AAPL Historical' }, yAxis: [{ labels: { align: 'right', x: -3 }, title: { text: 'OHLC' }, height: '60%', lineWidth: 2 }, { labels: { align: 'right', x: -3 }, title: { text: 'Volume' }, top: '65%', height: '35%', offset: 0, lineWidth: 2 }], series: [{ type: 'candlestick', name: 'AAPL', data: ohlc, dataGrouping: { units: groupingUnits } }, { type: 'column', name: 'Volume', data: volume, yAxis: 1, dataGrouping: { units: groupingUnits } }] }); }); });
Пример кода, в котором не использую jquery
CODE ( javascript):
скопировать код в буфер обмена
var chart = new Highcharts.StockChart({ chart: { renderTo: idd }, subtitle: { text: this.name+' ('+this.name_en+') | '+this.ed_izm }, yAxis: { labels: { formatter: function(){ return (this.value > 0 ? ' +' : ' ') + this.value; } }, title: { style:{color: Highcharts.getOptions().colors[1]} }, opposite: false }, xAxis: { type: 'datetime', }, series: [{ name: 'Значение', type: 'column', data: eval(this.ms) }] });
Как так же не использовать в первом варианте, я хз, замучался...(Отредактировано автором: 23 Апреля, 2016 - 09:13:17)
|