Column chart - Customization

4 posts, 0 answers
  1. Jaime
    Jaime avatar
    12 posts
    Member since:
    May 2012

    Posted 11 Aug Link to this post

    We have a custom requirement on the top of column chart as shown in the attachment.

    Could you please let me know, if this is feasible using Kendo UI chart library.

     

    Thanks in advance.

  2. Niko
    Admin
    Niko avatar
    387 posts

    Posted 15 Aug Link to this post

    Hello Jaime,

    Such a scenario is not supported out-of-the-box for the bar series.

    In order to achieve such a functionality you could use the drawing API. Check the following example - http://demos.telerik.com/kendo-ui/bar-charts/visuals. It demonstrates the power of the drawing API to modify the rendering of the chart series.

    Another option is to use separate charts for the larger bars and then more charts for the sub-bars.

    Hope this helps.

    Regards,
    Niko
    Telerik by Progress
     
    Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.
     
  3. Kendo UI is VS 2017 Ready
  4. Jaime
    Jaime avatar
    12 posts
    Member since:
    May 2012

    Posted 16 Aug in reply to Niko Link to this post

    As per my understanding we need more development effort for this. Could you please provide some code samples for our custom visual? 
  5. Niko
    Admin
    Niko avatar
    387 posts

    Posted 17 Aug Link to this post

    Hello Jaime,

    The visual handler that renders the series items is part of the series definition - http://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/chart#configuration-series.visual. Within the visual handler you need to implement the logic according to the solution you aim for. To do that you will need to use the drawing API to create the different shapes and models.

    Unfortunately I am not aware of any demo, article or code sample that covers your particular scenario, hence I cannot provide you with the code that targets your case. Nevertheless the information from the documentation above should be enough to help you start the implementation.

    Regards,
    Niko
    Telerik by Progress
     
    Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.
     
Back to Top
Kendo UI is VS 2017 Ready