Next
Update
Prev
-
+
Default

A candleline chart is a style of financial chart used to describe price movements of a security, derivative, or currency.

The <CandleLine2DChart> element tag is used to create a candleline chart in KoolChart, and the series element tag for the candleline chart is <CandleLine2DSeries>.

This sample chart is to show how to mark the baseline in the candleline chart.

...
<DualChart ... >					
  <mainChart>
    <CandleLine2DChart ... >
    ...
      <series>
        <CandleLine2DSeries yField="open" baseLineMode="true" baseValue="1280000" ... >
        ...
        </CandleLine2DSeries>
      </series>
      ...
    </CandleLine2DChart>
  </mainChart>
  
  <subChart>
    <Column2DChart ... >
    ...
  </subChart>
  
  <dataSelector>
    <DualScrollBar inverted="true" visibleItemSize="50" />
  </dataSelector>
</DualChart>
...

<CandleLine2DSeries>

yField The yField attribute is used to set the field name of the vertical axis (verticalAxis).
baseLineMode The baseLineMode attribute determines whether or not to change the style of the lower-valued line. (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 <lineStroke>, and the lower-valued line will be defined by <lineDeclineStroke>.

<DualScrollBar>

inverted The inverted attribute determines whether or not to locate the scrollbar cursor at the last data point.
visibleItemSize The visibleItemSize attribute determines the number of data displayed in the chart.

© 2017 KoolChart. All rights reserved.