Postingan lainnya
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