Next
Update
Prev
-
+
Default

A candlestick chart is a style of financial chart used to describe price movements of a security, derivative, or currency. Each "candlestick" typically shows one day. It is something like a combination of line-chart and a column-chart: each column represents all four important pieces of information for that day: the open, the close, the high and the low.

The <Candlestick2DChart> element tag is used to create a candlestick chart in KoolChart, and the series element tag for the candlestick chart is <Candlestick2DSeries>.

If you click the rectangular symbol, then you will see the detail values.

...
<DualChart ... >					
  <mainChart>
    <Candlestick2DChart ... >
    ...
      <series>
        <Candlestick2DSeries openField="openprc" closeField="closeprc" highField="highprc" lowField="lowprc" symbolField="disclosure" symbolClickJsFunction="disclosureDataFunc" ... >
        ...
        </Candlestick2DSeries>
      </series>
      ...
    </Candlestick2DChart>
  </mainChart>
  
  <subChart>
    <Column2DChart ... >
    ...
  </subChart>
  
  <dataSelector>
    <DualScrollBar inverted="true" visibleItemSize="50" />
  </dataSelector>
</DualChart>
...

<Candlestick2DSeries>

openField The openField attribute is used to set the field name for the opening price.
closeField The closeField attribute is used to set the field name for the closing price.
highField The highField attribute is used to set the field name for the highest price.
lowField The lowField attribute is used to set the field name for the lowest price.
symbolField The symbolField attribute is used to set the field name for the data point which has a symbol displayed.
symbolClickJsFunction The symbolClickJsFunction attribute is used to set the user-defined JavaScript function to be called when users click the symbol in the chart. The valid value is the name of JavaScript function.

<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.