Предисловие
Все диаграммы, кроме круговых диаграмм, имеют ось X и ось Y. По умолчанию ось X отображается в нижней части диаграммы, а ось Y отображается слева (с несколькими осью Y, ее можно отображать с левой и правой стороны). Настройка chart.inverted = true , положения отображения оси X-Y могут быть отрегулированы.
Давайте изучим координатные оси высоких частей вместе.
Теги:
1. Название
xaxis: {title: {text: 'x-оси заголовок'}} yaxis: {title: {text: 'y-ось заголовок'}}2. Теги
Метки: включено, форматер, setp
yaxis: {labels: {anabled: true, formatter: function () {if (this.value <= 3) {return "первый уровень ("+this.value+")"; } else if (this.value> 3 && this.value <= 5) {return "второй уровень ("+this.value+")"; } else {return "третий уровень ("+this.value+")"; }}, шаг: 1 // Поиск нескольких строк, которые будут отображаться один раз}3. Сетка
1.gridlinewidth
Ширина линии сетки. Ось X по умолчанию составляет 0, а ось Y по умолчанию составляет 1px.
2. GridlineColor
Цвет линии сетки. По умолчанию : #C0C0C0 .
3.gridlinedashstyle
Стиль линии сетки. Подобно пограничному стилю CSS, обычно используются: сплошная, точка и прибор .
yaxis: {// gridlinewidth: '1px', // Обратите внимание, что если используется это свойство gridlinedashstyle, оно не будет работать GridlineColor: '#019000', Gridlinedashstyle: 'Dash',}4. Тип
xaxis: {категории: ['a', 'b', 'c']}, yaxis: {type: 'datetime'},5. Переверните
Инверсия состоит в том, чтобы перевернуть ось вместо x и y для регулировки. Например, результатом инвертирования оси Y является то, что ось Y начинается с наибольшего значения, и минимальное значение внизу находится внизу
xaxis: {категории: ['a', 'b', 'c'], Reversed: true}, yaxis: {type: 'DateTime', Reversed: true},6.Opposite
Когда его значение устанавливается на TRUE, позиции, отображаемые на оси X и оси Y, вверх и вниз, и влево и вправо соответственно.
xaxis: {категории: ['a', 'b', 'c'], противоположность: true}, yaxis: {type: 'dateTime', противоположность: true}7. проведено
Диаграмма: {type: 'line', style: {fontsize: "17px",}, Inverted: true}8. Мин, макс
Управляет минимальными и максимальными значениями оси числа.
Примечание. Контролируя alluctdecimals, min, максимальные свойства, вы можете легко контролировать диапазон дисплея оси численности и т. Д. (Это также очень распространенная проблема)
Суммировать
Выше всего об этой статье. Вы узнали это? Редактор продолжит обновлять статьи HighCharts. Друзья, которые заинтересованы в Highcharts, должны продолжать обращать внимание на wulin.com. Я надеюсь, что эта статья поможет вам учиться.