javascript - HighMap - why the data doesn't display after clicking -
javascript - HighMap - why the data doesn't display after clicking -
i using highmap create map , want display info different charts after clicking (or hover) on part of map.
here illustration (i don't want utilize google spreadsheet data, want utilize json data) my example
the highmap illustration here highmap. (using google spreadsheet)
if can help come out this, ll helpful.
here code snippet
highcharts.each(highcharts.maps, function (mappoint) { var key = mappoint.code, = $.inarray(key, keys); options.series[0].data.push(highcharts.extend({ value : parsefloat(percent[i]), name : names[i], key: key }, mappoint)); });
i'm not sure question, seek answer. in general, have chart, series info doesn't contain values, add together them , work. see demo.
series: [{ name: 'random data', data: [{ color: '#0200d0', name : 'a', y: 30 }, { color: '#c40401', name : 'b', y: 20 }], datalabels: { format: '<b>{point.name}</b> {point.percentage:.1f}%' } }], of course, these values fixed. in case utilize ajax json in pointclick() function, display info json on chart.
javascript jquery json highcharts
Comments
Post a Comment