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. Image for the cookie policy date

Angular Chart - Primaryxaxis Label Intersect Action MultipleRows error

Hi,
We have an angular chart which we are trying to allow the DateTime x axis to have multiple rows for a label intersect. But when I try to set this value we get a javascript error. Setting the value to something like rotate45 is fine. We have tried "multipleRows", "multiplerows", and even tried setting the value in the angular controller but no luck.

        <div id="chartInContext" class="chartInContext"
             ej-chart
             e-locale="locale"
             e-canresize="true"
             e-size-height="100%"
             e-size-wdith="100%"
             e-enableanimation="false"
             e-enablecanvasrendering="true"
             e-zooming-enable="true"
             e-zooming-enablemousewheel="true"
             e-title-font-size="12px"
             e-series="chartSeriesCollection"
             e-commonseriesoptions-datasource="dataSource"
             e-commonseriesoptions-xname="timestamp"
             e-commonseriesoptions-yname="value"
             e-commonseriesoptions-type="line"
             e-primaryxaxis-valuetype="datetime"
             e-primaryxaxis-labelformat="localeDateFormat"
             e-primaryxaxis-majorgridlines-visible="false"
             e-primaryxaxis-font-size="8px"
             e-primaryxaxis-edgelabelplacement="hide"
             e-primaryxaxis-labelintersectaction="multipleRows"
             e-primaryyaxis-valuetype="double"
             e-legend-visible="true"
             e-commonseriesoptions-tooltip-visible="true"
             e-commonseriesoptions-tooltip-format="#series.name#"
             e-annotations-content="chartSubTitle">
        </div>

The error we get is

Unhandled exception at line 10, column 4615509 in http://localhost:59999/Scripts/ej/ej.web.all.min.js
0x800a138f - JavaScript runtime error: Unable to get property 'X' of undefined or null reference

Cheers ... Rob.


6 Replies

SK Sanjith Kesavan Syncfusion Team September 21, 2015 09:40 AM UTC

Hi Rob,
Thanks for contacting Syncfusion support. We have analyzed your query and replicated the scenario in our sample. We cannot able to reproduce the reported issue. Label intersect action multiple rows is working fine.
Multiple rows is used to avoid the collision of the labels in the axis. If the labels are collided then the collided labels are placed in the multiple rows. While using the provided code example labels are not collided because of the small font size. So we have increased the font size of the primaryXAxis label. In the sample we have set the font-size of the label as 16px. Now the labels are collided and placed in the multiple rows. Please find the below screenshot.

Screenshot:

In the above screenshot collided labels are placed in the multiple rows.

We have prepared as per your requirement. Please find the sample from below mentioned location.
Sample Link: https://www.syncfusion.com/downloads/support/forum/120300/ze/JS-1443772561
Please let us know if you have any concern.

Regards,
Sanjith K.


RO Rob ONeill September 23, 2015 02:15 PM UTC

Hi,
Having seen your example I thought it must be something wrong with our code, but then I have noticed you are using version 13.1.0.21 for ej.web.all.min.js. We are using 13.2.0.29 I now get the same error when trying to use

e-primaryxaxis-intervaltype="Minutes" as well.

Copying 13.2.0.29 files across the example doesn't work. Can you confirm ?

Cheers ... Rob.


SK Sanjith Kesavan Syncfusion Team September 24, 2015 08:34 AM UTC

Hi Rob,
Thanks for your reply. We can able to reproduce the reported issue. We are analyzing  the issue and  we will let you know the status within one business day.(25th September 2015). Please let us know if you need any concern.

Regards,
Sanjith K.


SK Sanjith Kesavan Syncfusion Team September 25, 2015 01:18 PM UTC

Hi Rob,
Thanks for your patience. We can only able to reproduce the issue partially in our side. We are not getting the exact reported issue. So please provide us the sample in which issue is reproducing or let us know by modifying the previously attached sample. This will be helpful for us to fix your issue sooner.

Please let us know if you have any concern.

Regards,
Sanjith K.


SK Sanjith Kesavan Syncfusion Team September 25, 2015 01:30 PM UTC

Hi Davis,
Thanks for your patience.  Please find the response for your queries in the below table.
 

Control

Queries

Response

Maps

Can we drag lines and markers on the maps?

Currently, Map control doesn't have the support for "Drag lines and markers on the maps". We have logged feature report for this and this will be implemented in any of our upcoming essential studio volume releases.
Please find the feature link below
https://syncfusion.atlassian.net/browse/WF-22752


Surface chart

Do we have surface chart for Windows Form

Currently we are not having support for surface chart. So we have logged feature request on this. This will be included in any one our upcoming essential studio volume release.

Please find the feature link below

https://syncfusion.atlassian.net/browse/WF-4831


Skin Manager

Query1: Can we switch between Day theme/skin and night theme?







Query 2: Does our Skin Manager cover all the themes?  

Yes, Skin Manager WF support to switch between dark and light themes. Skin Manager, supports end user to use default Office2007, Office2010 themes and custom coloring themes can be prepared by using Managed. We have prepared a sample for your reference and it can be downloaded from here. 
Sample: http://www.syncfusion.com/downloads/support/directtrac/144485/ze/DayNightSkinManager-660983738 



Yes, our Skin Manager covers all theme. Please find the list of supported themes in below.


1)     Office2007Blue.

2)     Office2007Black.

3)     Office2007Silver.

4)     Office2010Blue.

5)     Office2010Black.

6)     Office2010Silver.

7)     Managed

8)     Metro

We have also prepared a sample for your reference and it can be downloaded from here.
Sample: http://www.syncfusion.com/downloads/support/directtrac/144485/ze/ColorScheme-686155029 


Chart and grid requirement

Chart: Query1

1.       4096 points always in Chart (line chart)

2.       All Y values will change 10 times a second

3.       Smooth transitions etc. needed

Grid: Query2

1.       Same data as chart, but see the values changing in the Grid


We have prepared the sample for grid and chart in the same form. In the sample we have changed the Y-value of the chart for every 10 seconds








 

 

 

 

 

 

 

 

For the grid we have changed the datasource for every 10 seconds.


Please find the sample from below location.


https://www.syncfusion.com/downloads/support/forum/120300/ze/ChartandGrid1196657826




SK Sanjith Kesavan Syncfusion Team September 25, 2015 01:39 PM UTC

Hi Rob,
Please ignore the previous response.
 
Regards,
Sanjith K.

Loader.
Live Chat Icon For mobile
Up arrow icon