Я пытаюсь генерировать диаграммы площади, используя высокие диаграммы с 3 простыми значениями по оси x и оси y. Но отправная точка и конечные точки оси x и конечные точки не распространяются правильно. Это начинается между между ними и заканчивается в середине. Я попытался обновить Startontick и Endontick True. Но все же это то же самое. Прикрепил диаграмму JSON для справки.Highcharts.chart('container', {
title: {
text: 'High chart generation'
},
chart: {
type: 'area',
height: 233,
width: 678,
borderColor: '#cccccc',
borderWidth: 2,
borderRadius: 5
},
xAxis: {
gridLineColor: 'transparent',
labels: {
style: {
color: 'Arial Black',
font: '9pt Arial'
}
},
categories: ['Feb-2024', 'Feb-2025', 'Feb-2026'],
min: 0,
max: 2,
startOnTick: true,
endOnTick: true
},
credits: {
enabled: false
},
yAxis: {
tickInterval: 1,
plotBands: [{
color: '#FFC1C1',
from: 2,
to: 3
}, {
color: '#EE6363',
from: 3,
to: 4
}],
min: 0,
max: 4,
gridLineColor: 'transparent',
labels: {
style: {
color: 'Arial Black',
font: '9pt Trebuchet MS, Arial Black, sans-serif'
}
},
title: {
enabled: false
},
startOnTick: true,
endOnTick: true
},
plotOptions: {
area: {
stacking: 'normal',
step: 'normal'
},
series: {
fillOpacity: 0
}
},
series: [{
name: '',
marker: {
enabled: false
},
data: [0.5, 0.25, 0.25],
color: '#8B4726',
showInLegend: false,
lineWidth: 3
}],
subtitle: {
text: " abc def ",
useHTML: true,
verticalAlign: ' b o t t o m ' < b r / > } < b r / > } ) ; < / c o d e > < b r / > < p r e C l a s s = " S n i p p e t - C o d e - h t m l l a n g - h t m l p r e t t y p r i n t - o v e r r i d e " > < c o d e > & l t ; s c r i p t s r c = " h t t p s : / / c o d e . h i g h c h a r t s . c o m / h i g h c h a r t s . j s " & g t ; & l t ; / s c r i p t & g t ; < b r / > & l t ; s c r i p t s r c = " h t t p s : / / c o d e . h i g h c h a r t s . c o m / h i g h c h a r t s - m o r e . j s " & g t ; & l t ; / s c r i p t & g t ; < b r / > & l t ; s c r i p t s r c = " h t t p s : / / c o d e . h i g h c h a r t s . c o m / h i g h c h a r t s - 3 d . j s " & g t ; & l t ; / s c r i p t & g t ; < b r / > & l t ; s c r i p t s r c = " h t t p s : / / c o d e . h i g h c h a r t s . c o m / m o d u l e s / s t o c k . j s " & g t ; & l t ; / s c r i p t & g t ; < b r / > & l t ; s c r i p t s r c = " h t t p s : / / c o d e . h i g h c h a r t s . c o m / m a p s / m o d u l e s / m a p . j s " & g t ; & l t ; / s c r i p t & g t ; < b r / > & l t ; s c r i p t s r c = " h t t p s : / / c o d e . h i g h c h a r t s . c o m / m o d u l e s / g a n t t . j s " & g t ; & l t ; / s c r i p t & g t ; < b r / > & l t ; s c r i p t s r c = " h t t p s : / / c o d e . h i g h c h a r t s . c o m / d a s h b o a r d s / d a t a grid.js">
< /code>
< /div>
< /div>
< /p>
Пожалуйста, предложить. Заранее спасибо!
Подробнее здесь: https://stackoverflow.com/questions/796 ... ering-prop
Высокие чашки; Диаграмма площади: отправная точка и конечные точки не выполняются должным образом ⇐ Javascript
Форум по Javascript
1751887769
Anonymous
Я пытаюсь генерировать диаграммы площади, используя высокие диаграммы с 3 простыми значениями по оси x и оси y. Но отправная точка и конечные точки оси x и конечные точки не распространяются правильно. Это начинается между между ними и заканчивается в середине. Я попытался обновить Startontick и Endontick True. Но все же это то же самое. Прикрепил диаграмму JSON для справки.Highcharts.chart('container', {
title: {
text: 'High chart generation'
},
chart: {
type: 'area',
height: 233,
width: 678,
borderColor: '#cccccc',
borderWidth: 2,
borderRadius: 5
},
xAxis: {
gridLineColor: 'transparent',
labels: {
style: {
color: 'Arial Black',
font: '9pt Arial'
}
},
categories: ['Feb-2024', 'Feb-2025', 'Feb-2026'],
min: 0,
max: 2,
startOnTick: true,
endOnTick: true
},
credits: {
enabled: false
},
yAxis: {
tickInterval: 1,
plotBands: [{
color: '#FFC1C1',
from: 2,
to: 3
}, {
color: '#EE6363',
from: 3,
to: 4
}],
min: 0,
max: 4,
gridLineColor: 'transparent',
labels: {
style: {
color: 'Arial Black',
font: '9pt Trebuchet MS, Arial Black, sans-serif'
}
},
title: {
enabled: false
},
startOnTick: true,
endOnTick: true
},
plotOptions: {
area: {
stacking: 'normal',
step: 'normal'
},
series: {
fillOpacity: 0
}
},
series: [{
name: '',
marker: {
enabled: false
},
data: [0.5, 0.25, 0.25],
color: '#8B4726',
showInLegend: false,
lineWidth: 3
}],
subtitle: {
text: " abc def ",
useHTML: true,
verticalAlign: ' b o t t o m ' < b r / > } < b r / > } ) ; < / c o d e > < b r / > < p r e C l a s s = " S n i p p e t - C o d e - h t m l l a n g - h t m l p r e t t y p r i n t - o v e r r i d e " > < c o d e > & l t ; s c r i p t s r c = " h t t p s : / / c o d e . h i g h c h a r t s . c o m / h i g h c h a r t s . j s " & g t ; & l t ; / s c r i p t & g t ; < b r / > & l t ; s c r i p t s r c = " h t t p s : / / c o d e . h i g h c h a r t s . c o m / h i g h c h a r t s - m o r e . j s " & g t ; & l t ; / s c r i p t & g t ; < b r / > & l t ; s c r i p t s r c = " h t t p s : / / c o d e . h i g h c h a r t s . c o m / h i g h c h a r t s - 3 d . j s " & g t ; & l t ; / s c r i p t & g t ; < b r / > & l t ; s c r i p t s r c = " h t t p s : / / c o d e . h i g h c h a r t s . c o m / m o d u l e s / s t o c k . j s " & g t ; & l t ; / s c r i p t & g t ; < b r / > & l t ; s c r i p t s r c = " h t t p s : / / c o d e . h i g h c h a r t s . c o m / m a p s / m o d u l e s / m a p . j s " & g t ; & l t ; / s c r i p t & g t ; < b r / > & l t ; s c r i p t s r c = " h t t p s : / / c o d e . h i g h c h a r t s . c o m / m o d u l e s / g a n t t . j s " & g t ; & l t ; / s c r i p t & g t ; < b r / > & l t ; s c r i p t s r c = " h t t p s : / / c o d e . h i g h c h a r t s . c o m / d a s h b o a r d s / d a t a grid.js">
< /code>
< /div>
< /div>
< /p>
Пожалуйста, предложить. Заранее спасибо!
Подробнее здесь: [url]https://stackoverflow.com/questions/79692707/highcharts-area-chart-starting-point-and-ending-points-are-not-rendering-prop[/url]
Ответить
1 сообщение
• Страница 1 из 1
Перейти
- Кемерово-IT
- ↳ Javascript
- ↳ C#
- ↳ JAVA
- ↳ Elasticsearch aggregation
- ↳ Python
- ↳ Php
- ↳ Android
- ↳ Html
- ↳ Jquery
- ↳ C++
- ↳ IOS
- ↳ CSS
- ↳ Excel
- ↳ Linux
- ↳ Apache
- ↳ MySql
- Детский мир
- Для души
- ↳ Музыкальные инструменты даром
- ↳ Печатная продукция даром
- Внешняя красота и здоровье
- ↳ Одежда и обувь для взрослых даром
- ↳ Товары для здоровья
- ↳ Физкультура и спорт
- Техника - даром!
- ↳ Автомобилистам
- ↳ Компьютерная техника
- ↳ Плиты: газовые и электрические
- ↳ Холодильники
- ↳ Стиральные машины
- ↳ Телевизоры
- ↳ Телефоны, смартфоны, плашеты
- ↳ Швейные машинки
- ↳ Прочая электроника и техника
- ↳ Фототехника
- Ремонт и интерьер
- ↳ Стройматериалы, инструмент
- ↳ Мебель и предметы интерьера даром
- ↳ Cантехника
- Другие темы
- ↳ Разное даром
- ↳ Давай меняться!
- ↳ Отдам\возьму за копеечку
- ↳ Работа и подработка в Кемерове
- ↳ Давай с тобой поговорим...
Мобильная версия