Next
Update
Prev

The Spark series in KoolMap can be used to display the Spark chart on the map. You need to define <MapSparkSeries> in the Layout. This example demonstrates how to display SparkColumn chart on the map.

The Tooltips can be displayed when the user mouse over the spark chart.

...
<series>
  ...				
  <MapSparkSeries ... type="column" ... >
    ...
  </MapSparkSeries>
</series>
					...

<MapSparkSeries Properties>

click This property is to set the call back function for the mouse click.
columnWidthRatio This property is to set the space ratio of the column width.
defaultColors This property is to set the default colors.
fill This property is to set the background color.
firstValueFill This property is to set the color for the first value.
firstValueStroke This property is to set the color for the first value.
gutterBottom This property is to set the bottom space.
gutterLeft This property is to set the left space.
gutterRight This property is to set the right space.
gutterTop This property is to set the top space.
horizontalAxisInvert Whether or not to display the reverse order of the X-axis.
horizontalAxisMaximum This property is to set the maximum value of the X-axis.
horizontalAxisMinimum This property is to set the minimum value of the X-axis.
itemColor This property is to set the item color to be used in itemRenderer.
itemRenderer This property is to set the size and color of the circle.
lastValueFill This property is to set the color for the last value.
lastValueStroke This property is to set the border color of the last value.
lineStroke This property is to set the line color.
lineWidth This property is to set the line thickness of the chart.
maxValueFill This property is to set the fill color for the maximum value.
maxValueStroke This property is to set the line color for the maximum value.
minusValueFill This property is to set the fill color for the minimum value.
minusValueStroke This property is to set the border color for the negative values.
minValueFill This property is to set the fill color for the minimum value.
minValueStroke This property is to set the line color for the minimum value.
radius This property is to set the radius of the item.
showAllValue Whether or not to display all items.
showFirstValue Whether or not to display the first item.
showLastValue Whether or not to display the last item.
showMaxValue Whether or not to display the maximum-valued item.
showMinusValue Whether or not to display the item of negative values.
showMinValue Whether or not to display the minimum-valued item.
showToolTip Whether or not to display tooltips.
showZeroAxis Whether or not to display 0 on the axis.
startAngle This property is to set the starting angle of the pie chart.
stroke This property is to set the border line of all items.
targetValue This property is to set the target value.
targetValueColor This property is to set the color for the target value.
targetValueRatio This property is to set the ratio of the target value over the chart width.
targetValueStroke This property is to set the line of the target value.
targetValueWidth This property is to set the width of the target value.
toolTipFunction This property is to set the JavaScript function to be called to return the user-defined tooltips.
verticalAxisMaximum This property is to set the maximum value of the Y-axis (N/A : winloss, pie).
verticalAxisMinimum This property is to set the minimum value of the Y-axis (N/A : winloss, pie).
winLossValue This property is to set the base value (the value which determines win or loss) for the WinLoss chart.
zeroAxisStroke This property is to set the color of the 0-axis.
zeroAxisStrokeWidth This property is to set the thickness of the 0-axis.

© 2017 KoolChart. All rights reserved.