Next
Update
Prev

The panel title can be customized using the titleJsFunction attribute. This example map chart demonstrates how to customize the panel title using the JavaScript function which returns the title text based on the id value.

...
  <MapPanelSeries ... titleJsFunction="titleFunction" ... >
    ...
  </MapPanelSeries>
...

function titleFunction(seriesId, code, label, data) {
  if (data.id == "w01")
    return "The State of Illinois";
  else if (data.id == "w02")
    return "The State of Alaska";
  else if (data.id == "w12")
    return "The State of Idaho";
  else if (data.id == "w09")
    return "The State of Florida";
    
  return label;
}

<MapPanelSeries>

titleJsFunction This property is to set the JavaScript function to be called to return the user-defined panel title.

© 2017 KoolChart. All rights reserved.