Напишите кто нибудь готовый чарт без использования библиотеки Jqveru
http://forum.php.su/topic.php?fo...1&topic=2999
1. Test11 - 25 Декабря, 2015 - 11:08:56 - перейти к сообщению
2. Faraon-san - 25 Декабря, 2015 - 12:42:46 - перейти к сообщению
3. Test11 - 25 Декабря, 2015 - 15:06:28 - перейти к сообщению
CODE (html):
скопировать код в буфер обмена
скопировать код в буфер обмена
- <html slick-uniqueid="3"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
- <head>
- <script src="https://code.highcharts.com/stock/highstock.js"></script>
- <script src="https://code.highcharts.com/stock/modules/exporting.js"></script>
- <script type="text/javascript">
- window.onload = function () {
- var seriesOptions = [],
- seriesCounter = 0,
- names = ['MSFT', 'AAPL', 'GOOG'];
- /**
- * Create the chart when all data is loaded
- * @returns {undefined}
- */
- function createChart() {
- var chart = new Highcharts.StockChart({
- chart: { renderTo: 'container' },
- rangeSelector: {
- selected: 4
- },
- yAxis: {
- labels: {
- formatter: function () {
- return (this.value > 0 ? ' + ' : '') + this.value + '%';
- }
- },
- plotLines: [{
- value: 0,
- width: 2,
- color: 'silver'
- }]
- },
- plotOptions: {
- series: {
- compare: 'percent'
- }
- },
- tooltip: {
- pointFormat: '<span style="color:{series.color}">{series.name}</span>: <b>{point.y}</b> ({point.change}%)<br/>',
- valueDecimals: 2
- },
- series: seriesOptions
- });
- }
- $.each(names, function (i, name) {
- $.getJSON('https://www.highcharts.com/samples/data/jsonp.php?filename=' + name.toLowerCase() + '-c.json&callback=?', function (data) {
- seriesOptions[i] = {
- name: name,
- data: data
- };
- // As we're loading the data asynchronously, we don't know what order it will arrive. So
- // we keep a counter and create the chart when all the data is loaded.
- seriesCounter += 1;
- if (seriesCounter === names.length) {
- createChart();
- }
- });
- });
- }
- </script>
- </head>
- <body>
- <div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
- </body>
- </html>
Неа, не работает, ругается на