We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
Unfortunately, activation email could not send to your email. Please try again.

chart type

Thread ID:

Created:

Updated:

Platform:

Replies:

123273 Mar 2,2016 09:43 AM Mar 3,2016 03:47 AM ASP.NET MVC 1
loading
Tags: Chart
Andrea Perazzolo
Asked On March 2, 2016 09:43 AM

Dear,
I'm looking on your samples' library to find a chart type to make a chart like the one I've attached, but I found no solution.
The only one that is near to my expectation is the "Hilo" but it is missing of the bottom and top segments for the High and Low values. 
Do you have any solution? I suppose that for the median point I have to combine another type of chart on it.

Waiting for your reply....

Kind regards


Attachment: chartsample_a874b988.zip

Saravana Kumar Kanagavel [Syncfusion]
Replied On March 3, 2016 03:47 AM

Hi Andrea,
Thanks for contacting syncfusion support.
We have analyzed your query. This can be achieved by following the below steps.

·       We have specified four series in chart.
·       And on first series, we are setting the series type as scatter and marker shape as “Horizontal Line” as well as in second series.
·       On third series, we are setting the series type as scatter and marker shape as “Diamond”.
·       On fourth series, we are setting the series type as “hilo”.

Thus the required output can be attained. We have also made a sample for your reference and attached in the below location.

Sample Link : http://www.syncfusion.com/downloads/support/forum/123273/ze/sample1661787800
The below shows the output of the attached sample.

  

And in addition if you wish to remove the legend item with the text “hilo”, it can be done by using the below code snippet.

[CSHTML]

@(Html.EJ().Chart("container")
   .Loaded("legend")
)

[JS]

function legend(sender) //Loaded event triggered

    {

        $("#" + this._id + "_svg_Legend3").remove(); //To remove the legend item from the DOM
    }


In the above code we have triggered loaded event in chart and removed the legend item by using its id. And also find the output after that legend item removed from DOM



Please let us know if you have any concern.

Regards,
Saravana Kumar K

CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.

;