We have analyzed your query. By default, we will set 2000 as zIndex for annotations, so when you open the popup, the annotation may be displayed over the pop up. However we can overcome this in an workaround by using the loaded event of chart. In this event, we can specify the zIndex as 1000 (lower value than the popup), so that annotation will not displayed over the pop up. To depict this we have displayed ejDialog control in button click. Find the code snippet below to achieve this requirement.

Hi, thanks for the quick help. I am looking forward to getting help like in the below link when the legend item for sales rep is clicked, then the associated entry for the legend item for + - 10K or -25K or <-25K entry also should disappear

We have analyzed your query. Find the response for your queries below.

Query 1: . I am looking forward to getting help like in the below link when the legend item for sales rep is clicked, then the associated entry for the legend item for + - 10K or -25K or <-25K entry also should disappear

Response: We can achieve your requirement as a workaround using legendItemClick and loaded event of chart. In the legendItemClick event, we can able get the legend item on which we have clicked, so with respect to this we have toggle the visibility of the legends(as per your requirement) and the respective series in chart. You can change this with respect to your scenario. Find the code snippet to achieve this requirement.

Response: From the provided screenshot we found that, you have rendered x axis as category axis, so the x labels are not sorted. This can be achieved by rendering x axis as double, so that the x axis labels will render as per your requirement. Find the code snippet below to achieve this requirement.

Hi, in one of the scenario, we are displaying the Horizontal stacked bar chart dynamically by making ajax call, chart is rendered properly for the very first time but the chart is not refreshing for the further data, please help in resolving

we need to predict whether theAmountis inM or Kdynamically for the tooltip

Your requirement can be achieved using toolTipInitialize event of chart. In this event we can able to customize the tooltip, so we have achieved your requirement as workaround depends upon the length of y axis label length. You can change this with respect to your scenario. Find the code snippet below.

we are displaying the Horizontal stacked bar chart dynamically by making ajax call, chart is rendered properly for the very first time but the chart is not refreshing for the further data

We have tries to replicate the reported scenario, unfortunately the reported scenario is not replicated and the chart is rendering properly at our end. In the sample we have usedXMLHttpRequestobject to retrieve the data, retrieved data will be instring format. We have then converted into array of objects and passed the data source to the series. Sample used for testing can be find from below link.

Since we are not aware of your exact scenario on which the reported scenario occurs, we would like to let you know the following details, which would be helpful in further analysis and provide you the solution sooner.

Hi, how can I reinitialize the chart after destroying the chart?because after the ajax call will be having more dataI used var chart = $('#control').data("ejChart");chart.destroy()$('#control).ejChart({});what is the best way to rebind the data?

We have analyzed your queries. Find the response for your queries below.

Query

Response

In the horizontal stacked chart can we group the X axis points

Yes, we can group x axis points in horizontal stacked bar chart. Initially horizontal stacked bar can be rendered by specifying stackingbar to series.type property. And grouping can be achieved by using stackingGroup of series property. We need to specify a name to this property to the series you need to group. We have prepared a sample with respect to this requirement. Find the code snippet below to achieve this requirement.

If you destroy the chart using the destroy method, then the chart instanceitself will get destroyed, so after that you can’t update chart properties. So, you need to recreate the chart to the same container. To depict this we have created a sample in which we have two buttons, one for destroy chart and another for creating chart, also in this we have stored chart properties in global variable, after destroying the chart, we have created chart with the old properties stored in global variable. Find the code snippet to achieve this requirement.

Also, if your requirement is to only change the points in the series, you can directly assign the new points to the series. To we have created sample with respect to this, in which we have bind new points and old points to series in button click. Find the code snippet to achieve this.

We have analyzed your query. We have created a sample , here in a button click we have called redraw method by changing the fill color of the series and the x axis labels were rendered properly at our end. Sample used for testing can be find from below link.

Since we are not aware of your exact scenario on which the issue is reproduced, we would like to know the following details, which would be helpful in further analysis and provide you the solution sooner.

We have analyzed your query with the provided screenshot. Find the response for your queries below.

Queries

Response

We suspect that your issue is the annotation which is shown out of chart area, to resolve this issue, specify the region property of annotations as series, so that the annotation which moves out of chart area will get clipped, by default the region will be chart. For more information on this, follow the help document. Find the code below to achieve this requirement.

JS:

$("#container").ejChart({

//...

annotations: [

{ visible: true, region:"series" },

//...

],

});

Screenshot:

In the below sample we have also used the workaround which we have given for annotation with zindex property specified as 1000. And also we have enabled zooming in the sample.

Yes you can enable zooming for stacking bar chart. But we cannot enable zooming only for a particular axis. Since zooming is a model property, it is applicable for all the axes in chart. Find the code snippet to achieve this requirement.

We have analyzed your query. From the provided code snippet we found that in the annotations, for coordinateUnit you have specified points as a variable but you need to specify it as string, so that the annotations are working properly and also from the provided code snippet we found that you haven’t initialize the loaded event in the sample, so the specified workaround for annotations(specified zindex property as 900 in your sample) will not be taken into account. Since there is a space in annotation text (contents in div element for example Q1- 2017), the second word will move to next line, if you need to show without breaking the sentence, then you can apply CSS style of white-space as nowrap, so that the annotations will be rendered in single line. We have prepared a sample with respect to this. Find the code snippet below to achieve this requirement.

In your last update (12th, July 2017) you have provided your sample code and stated that annotation group not working. While analyzing the provide sample code, we have found that you have specified coordinateUnit of annotations property as variable(points), but this property need to be specified as string, so we suggest to specify the property in string and the annotation was working properly at our end. And if you specify the region property of annotations as chart/series, if the annotations moves out of chart area, then it will get clipped, this is our current behavior. And also we have provided solution not to wrap the annotation text, when there is space between the words by using CSS style of white-spaceasnowrap to annotation element.

Since we are not clear with your query on the issue which you are mentioning, we would like to know the following details, which will be helpful in further analysis and provide you the solution.

As of now we are having issue with panning using scrollbar for stacking bar series, so we have logged bug report for your scenario. The fix for the reported scenario will be available for volume 3 SP 1 release, which is expected be out in the end of August 2017.