Postingan lainnya
Buku Ini Koding!
Baru!
Buku ini akan jadi teman perjalanan kamu belajar sampai dapat kerjaan di dunia programming!
Kelas Premium!
Belajar Javascript untuk website
Gunakan kupon "mulaijs" untuk diskon 75 ribu!
Data highchart tidak tampil
Saya punya function javascript seperti ini
var dataChart1 = JSON.parse($('#<%=data_lostfaktor.ClientID%>').val());
var judul = JSON.parse($('#<%=judul_lostfaktor.ClientID%>').val());
var dataNan = dataChart1.split("stop");
var dataChartNan = "["
for (var i = 0; i < dataNan.length; i++) {
if (dataNan[i].length > 1) {
var splitData = dataNan[i].split(",");
var percent = (parseInt(splitData[3]) / parseInt(splitData[2])) * 100;
dataChartNan += "{ name: '" + splitData[1] + "', ";
dataChartNan += "y: " + percent + ", ";
dataChartNan += "drilldown: null },";
}
}
dataChartNan = dataChartNan.slice(0, -1)
dataChartNan += "]";
console.log(dataChartNan);
Highcharts.chart('dv_lostfactor', {
chart: {
type: 'column'
},
title: {
text: 'Browser market shares. January, 2018'
},
subtitle: {
text: 'Click the columns to view versions. Source: <a href="http://statcounter.com" target="_blank">statcounter.com</a>'
},
accessibility: {
announceNewData: {
enabled: true
}
},
xAxis: {
type: 'category'
},
yAxis: {
title: {
text: 'Total percent market share'
}
},
legend: {
enabled: false
},
plotOptions: {
series: {
borderWidth: 0,
dataLabels: {
enabled: true,
format: '{point.y:.1f}%'
}
}
},
tooltip: {
headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}%</b> of total<br/>'
},
series: [
{
name: "Browsers",
colorByPoint: true,
data: dataChartNan
}
]
});
Tapi kenapa tidak muncul ya di browser, di console log tidak error
0
1 Jawaban:
<div>jika tidak ada error yang muncule coba cek satu per satu variabelnya, untuk melihat apakah ada data yang miss</div>
0
Tanggapan
sudah oke mas, ternyata mesti diubah lagi dari string ke array. Terimakasih banyak