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. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Marker on Line Chart

Thread ID:

Created:

Updated:

Platform:

Replies:

117826 Dec 22,2014 08:42 PM UTC Jan 6,2015 05:01 AM UTC ASP.NET Web Forms 3
loading
Tags: Chart
Josh Bowen
Asked On December 22, 2014 08:42 PM UTC

I need to add a vertical line on a line chart to note an important point in the data.  Is there an easy way to accomplish this with the ejChart? 

Jayavigneshwaran [Syncfusion]
Replied On December 23, 2014 10:43 AM UTC

I need to add a vertical line on a line chart to note an important point in the data.  Is there an easy way to accomplish this with the ejChart? 

Hi Josh,

Thanks for using Syncfusion product.

We have analyzed this. You can use strip line in chart for achieving this. We have made a sample to illustrate this. In this, point (4, 36) is considered as important point and highlighted it with stripline. Find the code snippet to achieve this.

[ASPX]

<PrimaryXAxis Title-Text="Month" MajorGridLines-Visible="false">

   <Stripline>

       <ejChart:StripLine Start="3.8" End="4.2" Text="High Temperature" TextAlignment="MiddleCenter" Color="#0D97D4" ZIndex="Behind"/>

   </Stripline>

</PrimaryXAxis>

In this, start value specified the starting position of strip line and end values denotes till which value it should render. Find the sample from the below link. We have also included the output screen shot of the sample in the zip below.

Link: http://www.syncfusion.com/downloads/support/directtrac/133348/WebApplication1-121052803.zip

Please let us know if you have any concern.

Thanks,

Jayavigneshwaran


Josh Bowen
Replied On January 5, 2015 08:50 PM UTC

I accidentally posted this in ASP.NET.  I intended to post it in Javascript.

Is it possible to put a strip line on a Date/Time axis?  I have followed your example except I used new Date() for the Start and End parameters.  It doesn't seem to be appearing. 

priamryXAxis: {
                            stripLine: [
                                        {
                                            borderColor: 'black',
                                            color: 'black',
                                            end: new Date(2015, 01, 06),
                                            font: {
                                                size: '8px', color: 'black', opacity: 0.5
                                            },
                                            start: new Date(2015, 01, 05),
                                            startFromAxis: false,
                                            text: '',
                                            textAlignment: 'middleCenter',
                                            visible: true,
                                            zIndex: 'over',
                                            opacity: 1,
                                            borderWidth: 1,
                                        }
                            ]
                        }

Jayavigneshwaran [Syncfusion]
Replied On January 6, 2015 05:01 AM UTC

 Hi Josh,

Thanks for your update.

We have analyzed this. Yes, it is possible to add strip line in date time axis. We have made a sample to render strip line in date time axis chart sample in JS.

The below screen shot shows the output of the attached sample.

In this the strip line is used to denote the highest price value. Find the sample from the below location.
Attachment.zip
(JS)

Please let us know if you have any concern.

Thanks,

Jayavigneshwaran





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.

Warning Icon 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.Close Icon

;