Kata pengantar
Semua grafik kecuali diagram lingkaran memiliki sumbu x dan sumbu y. Secara default, sumbu x ditampilkan di bagian bawah bagan dan sumbu y ditampilkan di sebelah kiri (dengan beberapa sumbu y, dapat ditampilkan di sisi kiri dan kanan). Dengan mengatur chart.inverted = true
Mari kita pelajari sumbu koordinat dari highcharts bersama -sama.
Tag:
1. Judul
xaxis: {title: {text: 'x-axis title'}} yaxis: {title: {text: 'y-axis title'}}2. Tag
Label: diaktifkan, formatter, setp
yaxis: {label: {enabled: true, formatter: function () {if (this.value <= 3) {return "level pertama ("+this.value+")"; } else if (this.value> 3 && this.value <= 5) {return "level kedua ("+this.Value+")"; } else {return "level ketiga ("+this.value+")"; }}, Langkah: 1 // Cari beberapa baris yang akan ditampilkan sekali}3. Mesh
1.Gridlinewidth
Lebar garis kisi. Sumbu x default adalah 0, dan sumbu y default adalah 1px.
2.Gridlinecolor
Warna garis kisi. Standarnya adalah : #C0C0C0 .
3.GridlinedashStyle
Gaya garis garis kisi. Mirip dengan gaya perbatasan CSS, yang umum digunakan meliputi: solid, dot, dan dasbor .
Yaxis: {// gridlinewidth: '1px', // Perhatikan bahwa jika properti ini gridlinedashstyle digunakan, itu tidak akan berfungsi gridlinecolor: '#019000', gridlinedashStyle: 'dash',}4. Jenis
xaxis: {kategori: ['a', 'b', 'c']}, yaxis: {type: 'datetime'},5. Dibebaskan
Inversi adalah untuk membalik sumbu alih -alih x dan y untuk menyesuaikan. Misalnya, hasil membalikkan sumbu y adalah bahwa sumbu y dimulai dari nilai terbesar, dan nilai minimum ada di bagian bawah
xaxis: {kategori: ['a', 'b', 'c'], terbalik: true}, yaxis: {type: 'datetime', terbalik: true},6. oposite
Ketika nilainya diatur ke true, posisi yang ditampilkan pada sumbu x dan sumbu y naik dan turun, dan kiri dan kanan masing-masing.
xaxis: {kategori: ['a', 'b', 'c'], berlawanan: true}, yaxis: {type: 'datetime', sebaliknya: true}7.inversi
Chart: {type: 'line', style: {fontSize: "17px",}, terbalik: true}8.Min, Max
Mengontrol nilai minimum dan maksimum dari sumbu angka.
CATATAN: Mengontrol Izin Izin, Min, Max Properties, Anda dapat dengan mudah mengontrol rentang tampilan sumbu angka, dll. (Ini juga merupakan masalah yang sangat umum)
Meringkaskan
Di atas adalah semua tentang artikel ini. Sudahkah Anda mempelajarinya? Editor akan terus memperbarui artikel HighCharts. Teman -teman yang tertarik dengan Highcharts harus terus memperhatikan Wulin.com. Saya harap artikel ini akan membantu Anda belajar.