Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
29417
How to show the value on top of each series for the Column Series Chart?
posted

Hello,

We are using JQuery Column Series Chart Control to successfully set marker at the top of series .Our requirement is to show the value on top of each series just like we are displaying in Infragistics WPF chart control. 

  • 29417
    Offline posted

    Hello,

     

    For this you’ll need to create a custom marker template.

    This is done by setting a custom function to the marker template property of the series . For example:

      markerTemplate: new CircleMarker(15, "lightblue", "black", 1, "Value1")

    You can pass some parameter you can later use to set some of the settings.

    Basically what you’ll have in this function is 2 other functions:

        this.measure = function (measureInfo) {

                };

                this.render = function (renderInfo) {

    }

    In these you can access the canvas element: renderInfo.context. And draw your custom visualization based on the information you can get from the renderInfo.

    I’ve prepared a sample for your reference where a circle marker and the text value of the column is displayed.

     

    Best Regards,

    Maya Kirova

    Developer Support Engineer

    Infragistics, Inc.

    http://es.infragistics.com/support

    igChart_sample.zip