Next
Update
Prev

The line color and width of the region can be customized using the strokeJsFunction attribute. This example map chart demonstrates how to set the attributes of the border line based on the region code and the sales value.

...
  <MapSeries ... strokeJsFunction="strokeFunction" ... >
    ...
  </MapSeries>
...

function strokeFunction(code, label, data) {
  if (code == "100" || data.sales < 30)
    return {"color":"#0ed89e","width":1};
  else if (code == "900" || data.sales < 50)
    return {"color":"#3764f4","width":2};
  else if (code == "1500" || data.sales < 90)
    return {"color":"#ff7070","width":3}
  else
    return "#b971ff";
}

© 2017 KoolChart. All rights reserved.