А еще есть hard way. Через Highcharts Setup
- QIP Shot - Screen 781.jpg (114.27 КБ) 2549 просмотров
Код: Выделить всё
function (config, options) {
config.title = {
text: 'Статистика электричества',
style: {
color: '#aaa',
font: '16px Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif'
}
};
config.yAxis = [
{
title:
{
text: 'Электричество',
style: {color: '#DF5353',}
},
tickPixelInterval: 30,
min: 0,
max: 800
},
{
title:
{
text: 'Деньги',
style: {color: '#AAEEEE',}
},
min: 0,
max: 4000
},
];
config.series = [
{
type: 'column',
yAxis: 0,
name: 'T1',
tooltip: {valueSuffix: ' кВт·ч, ',},
color: '#DF5353',
marker: {enabled: true, radius: 1,},
states: {hover: {lineWidth: 10}}
},
{
type: 'column',
yAxis: 0,
name: 'T2',
tooltip: {valueSuffix: ' кВт·ч, ',},
color: '#55BF3B',
marker: {enabled: true, radius: 1,},
states: {hover: {lineWidth: 5}}
},
{
type: 'column',
yAxis: 0,
name: 'T3',
tooltip: {valueSuffix: ' кВт·ч, ',},
color: '#DDDF0D',
marker: {enabled: true, radius: 1,},
states: {hover: {lineWidth: 5}}
},
{
type: 'column',
yAxis: 0,
name: 'Всего',
tooltip: {valueSuffix: ' кВт·ч, ',},
color: '#da67c3',
marker: {enabled: true, radius: 1,},
states: {hover: {lineWidth: 5}}
},
{
type: 'column',
yAxis: 1,
name: 'Стоимость',
tooltip: {valueSuffix: ' ₽',},
color: '#AAEEEE',
marker: {enabled: true, radius: 1,},
states: {hover: {lineWidth: 5}}
},
];
options.lang = {
loading: 'Загрузка...',
months: ['Январь', 'Февраль', 'Март', 'Апрель', 'Май', 'Июнь', 'Июль', 'Август', 'Сентябрь', 'Октябрь', 'Ноябрь', 'Декабрь'],
weekdays: ['Воскресенье', 'Понедельник', 'Вторник', 'Среда', 'Четверг', 'Пятница', 'Суббота'],
shortMonths: ['Янв', 'Фев', 'Март', 'Апр', 'Май', 'Июнь', 'Июль', 'Авг', 'Сент', 'Окт', 'Нояб', 'Дек'],
exportButtonTitle: "Экспорт",
printButtonTitle: "Печать",
rangeSelectorFrom: "С",
rangeSelectorTo: "По",
rangeSelectorZoom: "Период",
downloadPNG: 'Скачать PNG',
downloadJPEG: 'Скачать JPEG',
downloadPDF: 'Скачать PDF',
downloadSVG: 'Скачать SVG',
printChart: 'Напечатать график',
resetZoom: 'Сбросить зум',
resetZoomTitle: 'Сбросить зум',
thousandsSep: " ",
decimalPoint: '.'
}
}
