Postingan lainnya
Kelas Premium!
Belajar Javascript untuk website
Gunakan kupon "mulaijs" untuk diskon 75 ribu!
parsing json data ke drilldown highchart
permisi suhu yang tau tentang highchart. mohon bantuannya. saya ingin parsing data ke drilldown tapi ngambil nama bulan nya saya apakah bisa seperti itu ? json data nya seperti ini.
<a href='http://www.imagebam.com/image/53b83d976737184 '>http://www.imagebam.com/image/53b83d976737184 </a>
saya ingin ngambil data bulan nya untuk dijadikan drilldown. highcart saya seperti ini
$(document).ready(function(){
var option = {
chart: {
renderTo: 'container',
type: 'column',
events: {
drilldown: function(e) {
var chart = this,
drilldowns = chart.userOptions.drilldown.series,
series = [];
e.preventDefault();
Highcharts.each(drilldowns, function(p, i) {
if (p.id.includes(e.point.name)) {
chart.addSingleSeriesAsDrilldown(e.point, p);
}
});
chart.applyDrilldown();
}
}
},
title: {
text: 'Data Molasses'
},
subtitle: {
text: 'Klik Bar Untuk Mengetahui Lebih Lengkap</a>.'
},
xAxis: {
type: 'category'
},
yAxis: [{
title: {
text: 'Total Data Per Bulan'
},
stackLabels: {
enabled: true,
style: {
fontWeight: 'bold',
color: (Highcharts.theme && Highcharts.theme.textColor) || 'gray'
}
}
}],
legend: {
align: 'right',
x: -30,
verticalAlign: 'top',
y: 25,
floating: true,
backgroundColor: (Highcharts.theme && Highcharts.theme.background2) || 'white',
borderColor: '#CCC',
borderWidth: 1,
shadow: false
},
plotOptions: {
column: {
stacking: 'normal',
borderWidth: 0,
dataLabels: {
enabled: true,
format: '{point.y:1f}',
}
}
},
series: [{
name: [{}],
drilldown: [],
}],
drilldown: {}
};
$.getJSON('data',function(data){
// console.log(data)
option.series[0].data = data;
option.series[0].name = data; // untuk nama
var chart = new Highcharts.Chart(option);
});
});
ada yang bisa bantu untuk kasus ini ? makasih suhu
0
Belum ada Jawaban. Jadi yang pertama Jawaban
Login untuk ikut Jawaban