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

Popular posts from this blog

model view controller - MVC Rails Planning -

ruby on rails - Devise Logout Error in RoR -

html - Submenu setup with jquery and effect 'fold' -