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: June 24, 2019).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Issue with Stock Chart

Thread ID:

Created:

Updated:

Platform:

Replies:

149050 Nov 12,2019 02:59 PM UTC Nov 14,2019 05:56 AM UTC Angular - EJ 2 3
loading
Tags: Stock Chart
Kevin
Asked On November 12, 2019 02:59 PM UTC

Hi guys,

I have a some issues with the Stock chart, im trying to copy the functions on the live demo, but i can't:


That's my stock chart config :

<div class="row">
            <div class="col-12">
              <ejs-stockchart id="chart-container" [enablePeriodSelector]='enable' [primaryXAxis]='primaryXAxis'[primaryYAxis]='primaryYAxis' [title]='HistoricalTrendTitle' [crosshair]='crosshair' style="display:block;" width="100%">
                  <e-stockchart-series-collection>
                      <e-stockchart-series [dataSource]='FeeDetail.HistoricalTrend' type='Spline' xName='RPT_RUN_DT' yName='FEE_TGT_AMT' name='India' width=2></e-stockchart-series>
                  </e-stockchart-series-collection>
              </ejs-stockchart>
            </div>
          </div>

That's the value of my objects:

this.primaryXAxis = {
        valueType: 'DateTime',
        crosshairTooltip: {enable: true}
      };
this.primaryYAxis = {
      labelFormat: 'n2'minimum: minvaluemaximum: maxvalue,
        majorTickLines: { color: 'transparent'width: 0 },
        crosshairTooltip: {enable: true}
      };
this.crosshair = {
         enable: true
      };

I got this chart: 


1.- I'm trying to set the chart to width: 100%, but i can't get this size, the chart always show me in this size ( 40-45 %).

2.- When i move the period selector like this way:


     I lost a lot of values and i lost the Y axis label too.

     And when i'm trying to put back the period selector, i can't get the chart before i move the period selector:


The chart just show me the values of 2018, but i don't know why i can't see the 2019 values too and the Y axis labels just disappear.

I have attached the file i am working with.


Best regards,








Attachment: Response_e9cc4aed.zip

Srihari Muthukaruppan [Syncfusion]
Replied On November 13, 2019 11:24 AM UTC

Hi Kevin, 
  
We have analyzed your query. From that, we would like to let you know that the chart is responsive with respect to the width and height of its parent element, if its zero, then it will render with its default size(600 * 450). So please check with the parent element size. We have tried to replicate the reported issues by using data provided. Unfortunately, we are unable to reproduce the reported issues in EJ2. We have also attached the sample used by testing.  
  
  
Screenshot: 
 
  
  
We suspect this issue is because of size for parent of chart is zero, so check the parent element. If still your issue is reproduced. Please share the following information which will be more helpful for further analysis and provide you the solution sooner. 
  
  • Try to reproduce the reported scenario in the above sample
  
  • Please share your sample (or) code snippet with full configurations.
  
  • Share the details if you have done any other customization in your sample.
  
  • Share your dataSource file
  
Let us know if you have any concerns. 
  
Regards 
Srihari M 


Kevin
Replied On November 13, 2019 10:45 PM UTC

Hi Srihari,

Really thanks for your time, i'm trying to put the chart inside of a modal- popup so that's the problem, so i'm going to play with the style of the modal.

If this post have a some status, please close this post.

Best regards,


Sarasilmiya Shahul Hameed [Syncfusion]
Replied On November 14, 2019 05:56 AM UTC

Hi Kevin, 
  
Thanks for the update. Please get back to us if you need further assistance. 
  
Regards, 
Sara 


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.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

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

Live Chat Icon For mobile
Live Chat Icon