Настройки графика charts

Использование системы в различных ситуациях, вопросы программирования сценариев.

Модератор: immortal

Ответить
igrok
Сообщения: 31
Зарегистрирован: Вт окт 27, 2015 8:26 am
Благодарил (а): 7 раз
Поблагодарили: 2 раза

Настройки графика charts

Сообщение igrok » Пт май 29, 2020 12:16 pm

Подскажите, как сделать фиолетовый график без закруглений (с углами)? Совсем не понятно на графике когда был включен и выключен свет.
Если убираю настройку config.series то всё становится норм

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

config => {
config.credits = {enabled: false};
config.legend = {enabled: true};

config.xAxis = {
type: 'datetime',
minorTickInterval: 'auto',
startOnTick: true,
endOnTick: true,
tickPosition: 'inside',
labels: {
overflow: 'justify',
style: {fontSize: '11px'}
}
};
config.title = {
text: 'GROW',
style: {
color: '#FFF',
font: '12px Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif'
}};

config.yAxis = [{
title: {
	text: 'Температура, °C',
	style: {
		color: Highcharts.getOptions().colors[0]
		}},

labels: {
	style: {
		color: Highcharts.getOptions().colors[0]
		}
},
   opposite: true,
min: 10,
max: 40,
tickPositions: [10, 17, 20, 25, 30, 35, 40]
},
{
title: {
text: 'Свет, %',
style: {
color: Highcharts.getOptions().colors[1]
}
},
labels: {
style: {
color: Highcharts.getOptions().colors[1]
}
},
   gridLineWidth: 0,
min: 0,
max: 105,
tickPositions: [0, 25, 50, 75, 105]


}
];
config.series = [{
name: 'Температура',
yAxis: 0,
tooltip: {
valueSuffix: ' °C'
},
marker: {
enabled: true,
radius: 1,
},
states: {
hover: {lineWidth: 3}
},
  zones: [{
      value: 17,
      color: '#006ebd'
   }, {
      value: 20,
      color: '#00ffff'
   }, {
      value: 30,
      color: '#20e80e'
   }, {
      value: 35,
      color: '#e25822'
   }, {
      color: 'red'
   }]



},{
name: 'Свет',
yAxis: 1,
tooltip: {
valueSuffix: ' %'
},
marker: {
enabled: true,
radius: 1,
},
states: {
hover: {lineWidth: 3}
},
   color: '#ff00ff'
}];
options.lang = {
loading: 'Загрузка...',
months: ['Январь', 'Февраль', 'Март', 'Апрель', 'Май', 'Июнь', 'Июль', 'Август', 'Сентябрь', 'Октябрь', 'Ноябрь', 'Декабрь'],
weekdays: ['Воскресенье', 'Понедельник', 'Вторник', 'Среда', 'Четверг', 'Пятница', 'Суббота'],
shortMonths: ['Янв', 'Фев', 'Март', 'Апр', 'Май', 'Июнь', 'Июль', 'Авг', 'Сент', 'Окт', 'Нояб', 'Дек'],
exportButtonTitle: 'Экспорт',
printButtonTitle: 'Печать',
rangeSelectorFrom: 'С',
rangeSelectorTo: 'По',
rangeSelectorZoom: 'Период',
downloadPNG: 'Скачать PNG',
downloadJPEG: 'Скачать JPEG',
downloadPDF: 'Скачать PDF',
downloadSVG: 'Скачать SVG',
printChart: 'Напечатать график',
resetZoom: 'Сбросить зум',
resetZoomTitle: 'Сбросить зум',
thousandsSep: ' ',
decimalPoint: '.'
}
}

charts.png
charts.png (42.35 КБ) 1673 просмотра
igrok
Сообщения: 31
Зарегистрирован: Вт окт 27, 2015 8:26 am
Благодарил (а): 7 раз
Поблагодарили: 2 раза

Re: Настройки графика charts

Сообщение igrok » Пт май 29, 2020 1:33 pm

Нашёл:

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

step: true
только теперь выделение цветом зон не работает
Вложения
charts.png
charts.png (22.91 КБ) 1655 просмотров
Ответить