diff --git a/README.md b/README.md index 92f4e9b..9716e8f 100644 --- a/README.md +++ b/README.md @@ -18,71 +18,71 @@ import ChartView from 'react-native-highcharts'; render() { var Highcharts='Highcharts'; var conf={ - chart: { - type: 'spline', - animation: Highcharts.svg, // don't animate in old IE - marginRight: 10, - events: { - load: function () { + chart: { + type: 'spline', + animation: Highcharts.svg, // don't animate in old IE + marginRight: 10, + events: { + load: function () { - // set up the updating of the chart each second - var series = this.series[0]; - setInterval(function () { - var x = (new Date()).getTime(), // current time - y = Math.random(); - series.addPoint([x, y], true, true); - }, 1000); - } + // set up the updating of the chart each second + var series = this.series[0]; + setInterval(function () { + var x = (new Date()).getTime(), // current time + y = Math.random(); + series.addPoint([x, y], true, true); + }, 1000); } - }, + } + }, + title: { + text: 'Live random data' + }, + xAxis: { + type: 'datetime', + tickPixelInterval: 150 + }, + yAxis: { title: { - text: 'Live random data' - }, - xAxis: { - type: 'datetime', - tickPixelInterval: 150 - }, - yAxis: { - title: { - text: 'Value' - }, - plotLines: [{ - value: 0, - width: 1, - color: '#808080' - }] - }, - tooltip: { - formatter: function () { - return '' + this.series.name + '
' + - Highcharts.dateFormat('%Y-%m-%d %H:%M:%S', this.x) + '
' + - Highcharts.numberFormat(this.y, 2); - } - }, - legend: { - enabled: false + text: 'Value' }, - exporting: { - enabled: false - }, - series: [{ - name: 'Random data', - data: (function () { - // generate an array of random data - var data = [], - time = (new Date()).getTime(), - i; - - for (i = -19; i <= 0; i += 1) { - data.push({ - x: time + i * 1000, - y: Math.random() - }); - } - return data; - }()) + plotLines: [{ + value: 0, + width: 1, + color: '#808080' }] - }; + }, + tooltip: { + formatter: function () { + return '' + this.series.name + '
' + + Highcharts.dateFormat('%Y-%m-%d %H:%M:%S', this.x) + '
' + + Highcharts.numberFormat(this.y, 2); + } + }, + legend: { + enabled: false + }, + exporting: { + enabled: false + }, + series: [{ + name: 'Random data', + data: (function () { + // generate an array of random data + var data = [], + time = (new Date()).getTime(), + i; + + for (i = -19; i <= 0; i += 1) { + data.push({ + x: time + i * 1000, + y: Math.random() + }); + } + return data; + }()) + }] + }; const options = { global: {