Bagaimana saya bisa membuat grafik di html?

Dalam kode yang saya lampirkan masalahnya adalah kolom 1 dan kolom 3 tidak diplot. Seolah-olah nilai variabel tersebut tidak dianggap numerik oleh CANVASJS. Oleh karena itu tangani seperti ini

stnetomax var = parseFloat (VPS [6]);

tapi itu tidak berhasil

Saya sangat menghargai bantuan Anda

KODE SAYA

jendela. memuat = fungsi() {
//////////////////////////////////////////////////
KODE………………………………………
…………………………………………

var psañomax = vpss[1];
var strecibomax = parseFloat(vpss[2]);
var stimportemax = parseFloat(vpss[3]);
var stimpmax = parseFloat(vpss[4]);
var stbonmax = 12385583;
var stnetomax = parseFloat(vpss[6]);
//////////////////////////////////////////////

var chart = CanvasJS baru. Bagan(“Pemuat bagan”, {
judul. {
teks. “Konsep. ” + psconnom + ” ” + psconnum // SHOW OK
},

data. [
{

Tipe. "kolom",
nama. “Año Walikota ” + psañomax, // SHOW OK
showInLegend. BENAR,
titik data. [
{label. “Kolom 1”, y. stimpmax }, // NO SHOW << Inilah masalahnya
{label. "Kolom 2", y. stbonmax }, // TAMPILKAN OKE
{label. "Kolom 3", y. stnetomax },// NO SHOW << Inilah masalahnya
{label. "Kolom 4", y. 101558923 } // TAMPILKAN OKE
]
},

nracer .

hebat, itu bekerja. mulai memahami bagaimana memiliki beberapa bar combo pada satu grafik

saya menggunakan ini untuk mengambil data dari csv biasa

$file=”data. csv”;
$csv= file_get_contents($file);
$array = array_map(“str_getcsv”, meledak(“\n”, $csv));
cetak json_encode($array);

Melihat output JSON sudah benar. Bagaimana cara mengimpor / meneruskan info tersebut

$(dokumen). siap(fungsi () {

$. getJSON(“data. php”, fungsi (hasil) {

var chart = CanvasJS baru. Bagan(“Pemuat bagan”, {

axisX. { akhiran. ”mth”, },

axisY. { judul. "Penjualan", },
sumbuY2. { akhiran. ”%”, },

judul. {teks. "Tes" },

data. [
{
Tipe. "kolom",
toolTipContent. “2013. {y}”,
titik data. hasil[0],
},
{
Tipe. "kolom",
toolTipContent. “2014. {y}”,
titik data. hasil[1],
},
{
axisYType. "sekunder",
Tipe. "garis",
toolTipContent. “Kalkulasi 2013. {y}”,
titik data. hasil[2],
},
{
axisYType. "sekunder",
Tipe. "garis",
toolTipContent. “Kalkulasi 2014. {y}”,
titik data. hasil[3],
}
]

});

bagan. memberikan();
});

});

Apakah ada solusi yang lebih sederhana?

kata essbee .

Saya menyimpan salah satu contoh sebagai file html untuk dijalankan di komputer saya tetapi sepertinya tidak berhasil. Bisakah seseorang menjelaskan kepada saya mengapa? . Kode yang saya gunakan disisipkan di bawah ini

jendela. memuat = fungsi () {
var chart = CanvasJS baru. Bagan(“Kontainer bagan”,
{
judul. {
teks. “Pembagian produk yang Dijual secara Quarter. ”
},
axisY. {
judul. "persen"
},
animasiDiaktifkan. BENAR,
toolTip. {
bersama. BENAR,
isi. "{nama}. {y} – #persen%“,
},
data. [
{
Tipe. "stackedBar100",
showInLegend. BENAR,
nama. "April",
titik data. [
{y. 600, label. "Filter air" },
{y. 400, label. “Kursi Modern” },
{y. 120, label. “Telepon VOIP”},
{y. 250, label. "Microwave" },
{y. 120, label. "Filter air" },
{y. 374, label. “Mesin Expresso” },
{y. 350, label. “Kursi Lobi” }
]
},
{
Tipe. "stackedBar100",
showInLegend. BENAR,
nama. "Boleh",
titik data. [
{y. 400, label. "Filter air" },
{y. 500, label. “Kursi Modern” },
{y. 220, label. “Telepon VOIP”},
{y. 350, label. "Microwave" },
{y. 220, label. "Filter air" },
{y. 474, label. “Mesin Expresso” },
{y. 450, label. “Kursi Lobi” }
]
},
{
Tipe. "stackedBar100",
showInLegend. BENAR,
nama. "Juni",
titik data. [
{y. 300, label. "Filter air" },
{y. 610, label. “Kursi Modern” },
{y. 215, label. “Telepon VOIP”},
{y. 221, label. "Microwave" },
{y. 75, label. "Filter air" },
{y. 310, label. “Mesin Expresso” },
{y. 340, label. “Kursi Lobi” }
]
}
]
});
bagan. memberikan();
}

Terima kasih sebelumnya

kata Mansour .

HAI
saya ingin bagan kolom ganda. itu bekerja jika
titik data. [
{label. "pisang", y. 18},
{label. "oranye", y. 29},
{label. "apel", y. 40},
{label. "mangga", y. 34 },
{label. "anggur", y. 24 }
]
},
{ //dataSeries – kuartal kedua

Tipe. "kolom",
nama. “Kuartal Kedua”,
titik data. [
{label. "pisang", y. 23},
{label. "oranye", y. 33},
{label. "apel", y. 48 },
{label. "mangga", y. 37},
{label. "anggur", y. 20 }

pertanyaan>
ketika saya menghapus satu pisang ->
titik data. [
{label. "pisang", y. 18},
{label. "oranye", y. 29},
{label. "apel", y. 40},
{label. "mangga", y. 34 },
{label. "anggur", y. 24 }
]
},
{ //dataSeries – kuartal kedua

Tipe. "kolom",
nama. “Kuartal Kedua”,
titik data. [
{label. "oranye", y. 33},
{label. "apel", y. 48 },
{label. "mangga", y. 37},
{label. "anggur", y. 20 }

seperti ini. Oranye pergi ke kolom pisang. Bisakah saya mengurutkannya berdasarkan label

kata Nayana .

Saya mengalami masalah dalam membuat grafik dinamis. saya telah menggunakan fungsi ajax yang memanggil layanan web php yang memberi saya respons yang diperlukan untuk diteruskan sebagai data ke kanvas. tapi itu memberi saya kesalahan itu

Bagaimana cara membuat bagan HTML?

Untuk membuat bagan, kita harus menginisialisasi kelas bagan dan elemen kanvas serta konteks menggambar "2D" dan memanggil metode pai. .
<. Doctype HTML>
Diagram Pai
.

Bagaimana cara menampilkan bagan dalam HTML?

Cara Menggunakan Bagan. js? .
Sintaks Bagan Sebar Tipikal. var myChart = new Chart("myChart", { type. "menyebar", data. {}, pilihan. {}.
Sintaks Bagan Garis Khas. var myChart = new Chart("myChart", { type. "baris", data. {}, pilihan. {}.
Sintaks Bagan Batang Khas. var myChart = new Chart("myChart", { type. "bilah", data. {},

Bagaimana cara membuat diagram lingkaran HTML?

Anda dapat membuat Bagan Pai dalam HTML menggunakan fungsi CSS sederhana bernama conic-gradient . Pertama, kita menambahkan elemen

Bagaimana cara membuat diagram batang di HTML CSS?

#1 Diagram Batang HTML - Hanya Menggunakan HTML dan CSS .

Bagan Batang HTML

Contoh Bagan Batang HTML. Hanya Menggunakan HTML Dan CSS