Saya belum pernah bekerja dengan grafik sebelumnya jadi saya sedikit buta di sini,

Saya ingin bertanya kepada orang-orang yang bekerja dengan grafik cukup untuk merekomendasikan saya perpustakaan untuk membangun grafik yang memungkinkan untuk menyesuaikan grafik persis seperti di desain saya di bawah ini

Akan lebih baik menggunakan vue.js untuk ini, jadi jika Anda mengetahui paket bagan vue.js seperti itu, itu akan menjadi sempurna!

Periksa desain grafik:

enter image description here

Perhatikan - ada semacam perubahan warna garis grafik (bagian dari garis yang di bawah berwarna merah dan yang di atas berwarna hijau)

Terima kasih banyak untuk setiap rekomendasi!

0
Taras Chernata 6 Agustus 2019, 09:18

1 menjawab

Jawaban Terbaik

Anda dapat membuat jenis grafik tersebut dengan cara yang sederhana dengan menggunakan Highcharts.

Jika ada masalah, Anda bisa mendapatkan bantuan di saluran dukungan: https://www.highcharts.com/ blog/dukungan/

Highcharts juga secara resmi mendukung pembungkus vue, yang dapat berguna dalam kasus Anda: https: //www.npmjs.com/package/highcharts-vue

Anda bisa mulai dari:

Highcharts.stockChart('container', {
    series: [{
        data: [...],
        zones: [{
            value: 0,
            color: 'red'
        }]
    }],
    navigator: {
        enabled: false
    },
    rangeSelector: {
        inputEnabled: false
    },
    scrollbar: {
        enabled: false
    },
    legend: {
        enabled: true
    }
});

Demo langsung: http://jsfiddle.net/BlackLabel/vknsb7rw/

Referensi API: https://api.highcharts.com/ highstock/series.line.zones

0
ppotaczek 6 Agustus 2019, 09:52