Untuk memvisualisasikan data Anda dengan bagan garis, kelas $ 40K $ 20K $ 60K $ 40K $ 80K $ 60K $ 100K 5 utama harus diikuti oleh kelas $ 40K $ 20K $ 60K $ 40K $ 80K $ 60K $ 100K 6
...
Data
Saat Anda menambahkan data, Anda perlu menyediakan tidak hanya variabel data $ 40K $ 20K $ 60K $ 40K $ 80K $ 60K $ 100K 7 tetapi juga variabel $ 40K $ 20K $ 60K $ 40K $ 80K $ 60K $ 100K 8 yang menunjukkan titik awal
$ 40K $ 20K $ 60K $ 40K $ 80K $ 60K $ 100K
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
Contoh Baris #1$ 40K$ 20K$ 60K$ 40K$ 80K$ 60K$ 100K
Buka di. Contoh Baris #1$ 40K$ 20K$ 60K$ 40K$ 80K$ 60K$ 100K
Ukuran
Untuk mengontrol dimensi bagan, Anda dapat menggunakan CSS biasa. Anda dapat menggunakan kueri media untuk menetapkan dimensi yang berbeda untuk perangkat yang lebih kecil
#my-chart.line { height: 200px; max-width: 400px; margin: 0 auto; } _
...
Orientasi
Anda dapat mengontrol orientasi bagan, atau arah. Orientasi awal adalah atas-ke-bawah (pada bahasa LRT dan RTL) dan kanan-ke-kiri (pada bahasa TTM). Menggunakan kelas $ 40K $ 20K $ 60K $ 40K $ 80K $ 60K $ 100K _9 Anda dapat membalikkan orientasi
...
Menuju
Anda dapat menambahkan tajuk ke bagan Anda menggunakan tag. Secara default judulnya disembunyikan. Untuk menampilkan tajuk, gunakan kelas #my-chart.line { height: 200px; max-width: 400px; margin: 0 auto; } 0
... Descriptive Chart Heading
Tajuk Bagan Deskriptif
Buka di. Tajuk Bagan Deskriptif
Beberapa Kumpulan Data
Anda dapat menggunakan satu set data (satu tag di setiap )
Atau banyak set data (banyak tag di )
Data Data Data
Namun saat menggunakan banyak kumpulan data, Anda harus menambahkan kelas #my-chart.line { height: 200px; max-width: 400px; margin: 0 auto; } 1
...
Contoh Baris #5304070100106090703040809010608090304010070
Buka di. Contoh Baris #5304070100106090703040809010608090304010070
Label
Anda dapat menambahkan label ke data Anda dan mengontrol posisi dan ukuran label. Label ditambahkan menggunakan tag di dalam
Label Data Data Data
Secara default, label disembunyikan. Untuk menampilkan label, gunakan kelas #my-chart.line { height: 200px; max-width: 400px; margin: 0 auto; } 2
...
Contoh Baris #6TahunKemajuan 1Kemajuan 2Kemajuan 3200050204020108050102020403020
Buka di. Contoh Baris #6TahunKemajuan 1Kemajuan 2Kemajuan 3200050204020108050102020403020
Contoh Baris #7YearProgress 1Progress 2Progress 3200050204020108050102020403020
Buka di. Contoh Baris #7YearProgress 1Progress 2Progress 3200050204020108050102020403020
Beberapa bagan menggunakan label panjang, yang lain menggunakan label pendek. Untuk menyesuaikan ukuran label gunakan variabel #my-chart.line { height: 200px; max-width: 400px; margin: 0 auto; } 3
$ 40K $ 20K $ 60K $ 40K $ 80K $ 60K $ 100K 0
Contoh Baris #8YearProgress 1Progress 2Progress 3200050204020108050102020403020
Buka di. Contoh Baris #8YearProgress 1Progress 2Progress 3200050204020108050102020403020
Contoh Baris #9TahunKemajuan 1Kemajuan 2Kemajuan 3200050204020108050102020403020
Buka di. Contoh Baris #9TahunKemajuan 1Kemajuan 2Kemajuan 3200050204020108050102020403020
Sumbu
Anda dapat mengontrol sumbu yang akan ditampilkan pada grafik
Sumbu Utama
Untuk menambahkan sumbu utama guna memisahkan label dari bagan itu sendiri, gunakan kelas #my-chart.line { height: 200px; max-width: 400px; margin: 0 auto; } 4
...
Contoh Baris #10TahunKemajuan 1Kemajuan 2Kemajuan 3200050204020108050102020403020
Buka di. Contoh Baris #10TahunKemajuan 1Kemajuan 2Kemajuan 3200050204020108050102020403020
Contoh Baris #11TahunKemajuan 1Kemajuan 2Kemajuan 3200050204020108050102020403020
Buka di. Contoh Baris #11TahunKemajuan 1Kemajuan 2Kemajuan 3200050204020108050102020403020
Sumbu Sekunder
Untuk menambahkan sumbu sekunder, yang terletak di dalam bagan itu sendiri, gunakan kelas #my-chart.line { height: 200px; max-width: 400px; margin: 0 auto; } 5
...
Contoh Baris #12TahunKemajuan 1Kemajuan 2Kemajuan 3200050204020108050102020403020
Buka di. Contoh Baris #12TahunKemajuan 1Kemajuan 2Kemajuan 3200050204020108050102020403020
Contoh Baris #13TahunKemajuan 1Kemajuan 2Kemajuan 3200050204020108050102020403020
Buka di. Contoh Baris #13TahunKemajuan 1Kemajuan 2Kemajuan 3200050204020108050102020403020
Sumbu Data
Untuk menambahkan sumbu data yang dihasilkan secara otomatis berdasarkan jumlah baris (tag) yang Anda miliki. Gunakan kelas #my-chart.line { height: 200px; max-width: 400px; margin: 0 auto; } _6 untuk menambahkannya