[Модуль] Charts (charts)

[woow]

Где то было пояснение как сделать график чтобы не создавалось множество Y - осей (вертикальных) например у меня три температурных графика по горизонтали одна ось, а по вертикали их три.

[nick7zmail]

min-max выставить одинаковый для всех 3х - мне кажется одна будет (не проверял, нет пока возможности).

[woow]

Ну типа вот так чтобы было как у Сергея :

[olehs]

Любителям поковырять графики рекомендую ознакомиться с моей статьей в блоге https://connect.smartliving.ru/profile/461/blog200.html

Ох уж эти "хаки"

Решил упростить всем нам жизнь и запилил маленький апдейт...

СпойлерSPOILER_SHOW

Безымянный.png (136.79 КБ) 3908 просмотров

[Logrus]

min-max выставить одинаковый для всех 3х - мне кажется одна будет (не проверял, нет пока возможности).

там название на каждую ось разное выводится, даже на одинаковых единицах измерения, имхо оно и лишнее, и из- за него ерунда

[skysilver]

Ох уж эти "хаки" Решил упростить всем нам жизнь и запилил маленький апдейт...

Ну ёлы-палы. ) Раньше-то где был? )) Теперь мой чит можно в мусорку выкидывать.

[olehs]

Ох уж эти "хаки" Решил упростить всем нам жизнь и запилил маленький апдейт...

Ну ёлы-палы. ) Раньше-то где был? )) Теперь мой чит можно в мусорку выкидывать.

мой тоже http://majordomo.smartliving.ru/forum/v ... 048#p76048

[skysilver]

мой тоже http://majordomo.smartliving.ru/forum/v ... 048#p76048

А как теперь в новом варианте делать локализацию графика?

[Logrus]

присоединюсь с просьбой примерчиков

[skysilver]

присоединюсь с просьбой примерчиков

Все то же, что и в статье в блоге, за исключением локализации.

Код: Выделить всё

config => {
config.credits = {enabled: false};
config.legend= {enabled: false};
config.yAxis = {title: null};
config.xAxis = {
   type: 'datetime',
   tickPosition: 'inside',
   labels: {
      overflow: 'justify',
      rotation: -45,
      style: {fontSize: '11px'}
   },
   dateTimeLabelFormats: {day: '%e %b'}
};
config.title = {
   text: 'Температура на улице',
   style: {
      color: '#FFF',
      font: '12px Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif'
   }
};
config.series = [{
   name: 'Температура',
   tooltip: {
      valueSuffix: ' °C',
   },
   marker: {
      enabled: true,
      radius: 1,
   },
   states: {
      hover: {lineWidth: 2}
   },
   color: '#FF3333',
   negativeColor: '#48AFE8',
   data: []
}];
}