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
avatar Nandar

@Nandar

647 Kontribusi 204 Poin


Jawaban

jika tidak ada error yang muncule coba cek satu per satu variabelnya, untuk melihat apakah ada data yang miss
avatar hilmanski

@hilmanski

2446 Kontribusi 2023 Poin

  • sudah oke mas, ternyata mesti diubah lagi dari string ke array. Terimakasih banyak - @Nandar


Login untuk gabung berdiskusi