stockcharts with multiple chart series

3 posts, 0 answers
  1. Eric
    Eric avatar
    2 posts
    Member since:
    Mar 2017

    Posted 04 Mar 2019 Link to this post

         I really like the navigator feature of the stock charts... I was hoping to re-purpose that control, since it derives from the standard chart control and since "the stockchart supports all configuration options of the Chart" I thought I could draw other, non candlestick series on the chart.

    It appears this control ONLY supports candlestick series.

    Is this correct?

    If so, is there any way to use the navigator control with a the regular chart component? Or to build my own derived control that has the navigator?

     

  2. Eric
    Eric avatar
    2 posts
    Member since:
    Mar 2017

    Posted 04 Mar 2019 Link to this post

    I figured out I can use line series with the stock chart, but evidently NOT scatterLines...

    I need two y-Axes though, and it seems this required scatterLines for some reason...

    AND when I use the stockChart, it's only showing one of my two axes and labels the points with a dollar sign...

    Is there a way to use the stockChart with 2 y-Axes, AND not use $ labels?

  3. Svetlin
    Admin
    Svetlin avatar
    388 posts

    Posted 06 Mar 2019 Link to this post

    Hi Eric,

    Check the following article that demonstrates how to configure multiple categorical chart axes:
    https://www.telerik.com/kendo-angular-ui/components/charts/chart/elements/axes/#toc-multiple-categorical-chart-axes

    We can control the format of the axes' labels through their format input property. If want to display just a number without a dollar sign then we need to use the value 'n'.

    Check the following example that demonstrates a stock chart with a navigator and two y axis:
    https://stackblitz.com/edit/angular-ngxezq?file=app/app.component.ts

    I hope this helps.

    Regards,
    Svetlin
    Progress Telerik
    Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Back to Top