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.

Angular Chart - Primaryxaxis Label Intersect Action MultipleRows error

Thread ID:

Created:

Updated:

Platform:

Replies:

120300 Sep 18,2015 09:45 AM Sep 25,2015 09:39 AM JavaScript 6
loading
Tags: ejChart
Rob ONeill
Asked On September 18, 2015 09:45 AM

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.


Sanjith Kesavan [Syncfusion]
Replied On September 21, 2015 05:40 AM

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: http://www.syncfusion.com/downloads/support/forum/120300/ze/JS-1443772561
Please let us know if you have any concern.

Regards,
Sanjith K.

Rob ONeill
Replied On September 23, 2015 10:15 AM

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.

Sanjith Kesavan [Syncfusion]
Replied On September 24, 2015 04:34 AM

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.

Sanjith Kesavan [Syncfusion]
Replied On September 25, 2015 09:18 AM

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.

Sanjith Kesavan [Syncfusion]
Replied On September 25, 2015 09:30 AM

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.


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



Sanjith Kesavan [Syncfusion]
Replied On September 25, 2015 09:39 AM

Hi Rob,
Please ignore the previous response.
 
Regards,
Sanjith 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.

;