Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: Графики, диаграммы...

 PHP.SU

 Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (1): [1]   

> Без описания
Поиск в теме | Версия для печати
Test11
Отправлено: 23 Декабря, 2015 - 16:15:43
Post Id


Частый гость


Покинул форум
Сообщений всего: 196
Дата рег-ции: Дек. 2015  


Помог: 0 раз(а)
Подскажите пожалуйста простенький скрипт js, генерирующий график с учетом вертикали и горизонтали. Спс...
 
 Top
esterio
Отправлено: 23 Декабря, 2015 - 16:44:18
Post Id



Активный участник


Покинул форум
Сообщений всего: 5025
Дата рег-ции: Нояб. 2012  
Откуда: Украина, Львов


Помог: 127 раз(а)
http://www[dot]chartjs[dot]org/
http://www[dot]highcharts[dot]com/
Лично использовал highcharts. Понравилось
 
 Top
DelphinPRO
Отправлено: 23 Декабря, 2015 - 17:04:20
Post Id



Активный участник


Покинул форум
Сообщений всего: 7187
Дата рег-ции: Февр. 2012  


Помог: 353 раз(а)
плюсану за highcharts. Удобная, мощная и довольно простая библиотечка для построения любых графиков


-----
Чем больше узнаю, тем больше я не знаю.
 
 Top
Test11
Отправлено: 23 Декабря, 2015 - 17:16:11
Post Id


Частый гость


Покинул форум
Сообщений всего: 196
Дата рег-ции: Дек. 2015  


Помог: 0 раз(а)
Не подкинете чарт который не нуждается в библиотеке jquery...?

(Отредактировано автором: 23 Декабря, 2015 - 18:05:37)

 
 Top
DelphinPRO
Отправлено: 23 Декабря, 2015 - 19:14:34
Post Id



Активный участник


Покинул форум
Сообщений всего: 7187
Дата рег-ции: Февр. 2012  


Помог: 353 раз(а)
Highchart - независимая библиотека. JQuery не требуется. Можно писать с ним, но не обязательно


-----
Чем больше узнаю, тем больше я не знаю.
 
 Top
Test11
Отправлено: 23 Декабря, 2015 - 20:29:46
Post Id


Частый гость


Покинул форум
Сообщений всего: 196
Дата рег-ции: Дек. 2015  


Помог: 0 раз(а)
DelphinPRO пишет:
Highchart - независимая библиотека. JQuery не требуется. Можно писать с ним, но не обязательно


Хм, у меня работает только с библиотекой.


Что не так с кодом?
CODE (html):
скопировать код в буфер обмена
  1. <html slick-uniqueid="3"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  2. <head>
  3.  
  4.  
  5.  <script src="https://code.highcharts.com/highcharts.js"></script>
  6.  
  7.                
  8. <script type="text/javascript">
  9. window.onload = function () {
  10.  
  11.     document.getElementById("container").highcharts({
  12.         chart: {
  13.             type: 'column'
  14.         },
  15.         title: {
  16.             text: 'Monthly Average Rainfall'
  17.         },
  18.         subtitle: {
  19.             text: 'Source: WorldClimate.com'
  20.         },
  21.         xAxis: {
  22.             categories: [
  23.                 'Jan',
  24.                 'Feb',
  25.                 'Mar',
  26.                 'Apr',
  27.                 'May',
  28.                 'Jun',
  29.                 'Jul',
  30.                 'Aug',
  31.                 'Sep',
  32.                 'Oct',
  33.                 'Nov',
  34.                 'Dec'
  35.             ],
  36.             crosshair: true
  37.         },
  38.         yAxis: {
  39.             min: 0,
  40.             title: {
  41.                 text: 'Rainfall (mm)'
  42.             }
  43.         },
  44.         tooltip: {
  45.             headerFormat: '<span style="font-size:10px">{point.key}</span><table>',
  46.             pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
  47.                 '<td style="padding:0"><b>{point.y:.1f} mm</b></td></tr>',
  48.             footerFormat: '</table>',
  49.             shared: true,
  50.             useHTML: true
  51.         },
  52.         plotOptions: {
  53.             column: {
  54.                 pointPadding: 0.2,
  55.                 borderWidth: 0
  56.             }
  57.         },
  58.         series: [{
  59.             name: 'Тест',
  60.             data: [49.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
  61.  
  62.         }, {
  63.             name: 'Тест1',
  64.             data: [83.6, 78.8, 98.5, 93.4, 106.0, 84.5, 105.0, 104.3, 91.2, 83.5, 106.6, 92.3]
  65.  
  66.         }]
  67.     });
  68. }
  69.  
  70. </script>
  71. </head>  
  72. <body>
  73.         <div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
  74.  </body>
  75. </html>
 
 Top
esterio
Отправлено: 23 Декабря, 2015 - 20:51:44
Post Id



Активный участник


Покинул форум
Сообщений всего: 5025
Дата рег-ции: Нояб. 2012  
Откуда: Украина, Львов


Помог: 127 раз(а)
Test11 пишет:
document.getElementById("container").highcharts({

Вот здесь не так. ЧТо именно уже сами
 
 Top
Test11
Отправлено: 23 Декабря, 2015 - 21:00:51
Post Id


Частый гость


Покинул форум
Сообщений всего: 196
Дата рег-ции: Дек. 2015  


Помог: 0 раз(а)
esterio пишет:
Test11 пишет:
document.getElementById("container").highcharts({

Вот здесь не так. ЧТо именно уже сами


Блин, вижу в консоле ошибку на это, не находит функцию, я хз почему... Радость

(Отредактировано автором: 23 Декабря, 2015 - 21:22:40)

 
 Top
IllusionMH
Отправлено: 23 Декабря, 2015 - 21:34:56
Post Id



Активный участник


Покинул форум
Сообщений всего: 4254
Дата рег-ции: Февр. 2011  
Откуда: .kh.ua


Помог: 242 раз(а)
Test11, ты просто не умеешь их готовить (с)
Сфигали у нативных ДОМ объектов будет нестандартный метод? вот на этой странице есть упоминание того как рендерить без жуквери http://www.highcharts.com/docs/getting-started/your-first-chart

(Отредактировано автором: 23 Декабря, 2015 - 21:35:38)

 
 Top
Test11
Отправлено: 23 Декабря, 2015 - 23:33:13
Post Id


Частый гость


Покинул форум
Сообщений всего: 196
Дата рег-ции: Дек. 2015  


Помог: 0 раз(а)
Блин, теперь функцию StockChart не находит Растерялся

Почему он ее не находит?


PHP:
скопировать код в буфер обмена
  1. var chart1; // globally available
  2. window.onload = function () {
  3.  
  4.       chart1 = new Highcharts.StockChart({
  5.          chart: {
  6.             renderTo: 'container'
  7.          },
  8.          rangeSelector: {
  9.             selected: 1
  10.          },
  11.          series: [{
  12.             name: 'USD to EUR',
  13.             data: [49.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
  14.          }]
  15.       });
  16. }

(Отредактировано автором: 23 Декабря, 2015 - 23:33:41)

 
 Top
Поиск в теме | Версия для печати
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« Прочее »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
  



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB