Next
Update
Prev
Default

If the value of the baseLineMode attribute is "true", then the line that connects the points in the lower-valued ( compared to the value of the baseValue attribute ) area can have different color and weight than the upper-valued area using the lineDeclineStroke attribute.

...
<Line2DSeries ... baseLineMode="true" baseValue="524" showMaxValueLabel="true" showMinValueLabel="true" upLabelJsFunction="upFunc" downLabelJsFunction="downFunc" >
  <lineDeclineStroke>
  	<Stroke color="#fe6500" weight="1"/>
  </lineDeclineStroke>
  ...
</Line2DSeries>
...
function upFunc(seriesId, index, data, values) {
  return  '<font color="#fe6500">Highest Price: $' +  values[1] + '</font>';
}

function downFunc(seriesId, index, data, values) {
  return  '<font color="#00a4aa">Lowest Price: $' +  values[1] + '</font>';
}

<Line2DSeries>

baseLineMode The baseLineMode attribute determines whether or not to change the style of the line that connects the points in the lower-valued area based on the value of baseValue. ( "true" or "false". the default value is "false" )
baseValue If baseLineMode="true", then the color and weight of upper-valued ( compared to the value of the baseValue attribute ) line will be defined by <stroke>, and the lower-valued line will be defined by <lineDeclineStroke>.
showMaxValueLabel The showMaxValueLabel attribute determines whether or not to show only the minimum value in the chart. ( "true" or "false". the default value is "false" )
showMinValueLabel The showMinValueLabel attribute determines whether or not to show only the minimum value in the chart. (true or false. the default value is false)
upLabelJsFunction The upLabelJsFunction attribute is used to set the user-defined JavaScript function when showMaxValueLabel="true" or labelPosition="up". The valid value is the name of JavaScript function.
The forth parameter of the function contains values - values[0]: X-axis value, values[1]: Y-axis value
downLabelJsFunction The downLabelJsFunction attribute is used to set the user-defined JavaScript function when showMinValueLabel="true" or labelPosition="down". The valid value is the name of JavaScript function.
The forth parameter of the function contains values - values[0]: X-axis value, values[1]: Y-axis value
lineDeclineStroke The lineDeclineStroke attribute is used to set the style of the line that connects the points in the lower-valued area.

© 2017 KoolChart. All rights reserved.