jQuery.Highcharts.js melukis carta lengkung carta pai histogram_jquery

Dalam perniagaan statistik dan analisis data, kadangkala pelanggan perlu memaparkan carta bar, carta pai dan carta lengkung dalam satu carta, iaitu, data khusus boleh dilihat daripada carta bar, dan data khusus boleh dilihat daripada carta bar Perubahan arah aliran boleh dilihat dalam carta lengkung, dan perkadaran setiap bahagian data juga boleh dilihat dalam carta pai. Highcharts boleh dengan mudah mencapai kesan menggabungkan tiga gambar menjadi satu.

Salin kod Kod adalah seperti berikut:

carta var;
            $(dokumen).sedia(fungsi() {
                carta = Highcharts.Carta baharu({
                    carta: {
                        renderTo: 'bekas',
                        defaultSeriesType: 'kawasan'
                    },
                    tajuk: {
                        teks: 'Bersejarah dan Anggaran Pertumbuhan Populasi Seluruh Dunia mengikut Wilayah'
                    },
                    sari kata: {
                        teks: 'Sumber: Wikipedia.org'
                    },
                    xAxis: {
                        kategori: ['1750', '1800', '1850', '1900', '1950', '1999', '2050'],
                        tickmarkPlacement: 'on',
                        tajuk: {
                            didayakan: palsu
                        }
                    },
                    yAxis: {
                        tajuk: {
                            teks: 'Berbilion'
                        },
                        label: {
                            pemformat: function() {
                                kembalikan this.value / 1000;
                            }
                        }
                    },
                    petua alat: {
                        pemformat: function() {
                            kembalikan ''
                                 this.x ': ' Highcharts.numberFormat(this.y, 0, ',') ' millions';
                        }
                    },
                    Pilihan plot: {
                        kawasan: {
                            susun: 'biasa',
                            Warna garis: '#666666',
                            LineWidth: 1,
                            penanda: {
                                LineWidth: 1,
                                Warna garis: '#666666'
                            }
                        }
                    },
                    siri: [{
                        nama: 'Asia',
                        data: [502, 635, 809, 947, 1402, 3634, 5268]
                    }, {
                        nama: 'Afrika',
                        data: [106, 107, 111, 133, 221, 767, 1766]
                    }, {
                        nama: 'Eropah',
                        data: [163, 203, 276, 408, 547, 729, 628]
                    }, {
                        nama: 'Amerika',
                        data: [18, 31, 54, 156, 339, 818, 1201]
                    }, {
                        nama: 'Oceania',
                        data: [2, 2, 2, 6, 13, 30, 46]
                    }]
                });
            });

Das Obige ist der gesamte in diesem Artikel beschriebene Inhalt. Ich hoffe, dass er für alle hilfreich ist, die jQuery zum Zeichnen von Histogrammen und Kreisdiagrammen verwenden.