I have Highchart 4.2.4 Line type Chart drawing the Graph with multiple Series data. The data can be categorised in two types for e.g. Type A and Type B. What I need to do is show Y Axis of series belonging to category A on Left and category B to right. As shown in image. I need to know if I can show category B series Y axis stacked one upon the other. Even if the have same Y axis points for e.g. both have 0 and 1 as Y axis value. But it should be showing series data and its Y axis one upon the other like stack(newest series on the top)
Is this Possible to achieve in highchart/ any similar example that meets my requirement?
In the Highcharts you can declare multiple yAxis like in the demo:
http://www.highcharts.com/demo/combo-multi-axes
For this specific demo, you should use the Renderer to add the paths and labels.
Docs:
http://api.highcharts.com/highcharts#Renderer.path
http://api.highcharts.com/highcharts#Renderer.text
Related
Annotations drawn by a user can be serialized to json in Anychart like below.
const data = chart.plot().annotations().toJson(true)
But is it possible to set an anchor on the x axis when serializing annotations drawn by a user so that it can be deserialized exactly where annotations were drawn in terms of x axis?
For instance, if the date range of the x axis changes the candlestick chart in the attached example will change, but annotations will be rendered in the same position, which becomes irrelevant. So it would be good if annotations could be moved (translated) along with the x axis.
example
Im showing identical data in two different charts:
But for some reason all bar charts show different time series for the graph. It should start from Mar.25 and end Apr.9
You might try looking at the style tab for the charts and selecting the correct range setting on the x axis.
I am using DevExpress XtraChart control, my chart is a line chart. If I set ((XYDiagram)lineChart.Diagram).AxisX.DateTimeMeasureUnit = DateTimeMeasurementUnit.Minute; and ((XYDiagram)lineChart.Diagram).AxisX.DateTimeGridAlignment = DateTimeMeasurementUnit.Minute. And if I have millions of data points in one series, I see the labels on X Axis are too many.
I don't want so many labels to display, I think I can set ((XYDiagram)lineChart.Diagram).AxisX.DateTimeGridAlignment to either hours,or day, or month or year.
But the problem is I don't know how many data points is there on the series. The number is dynamic.
Is there a way no matter how many data points are there on the series, I always only display e.g. 10 labels of X Axis? Or is there any way I can manipulate AxisX.DateTimeGridAlignment and AxisX.DateTimeMeasureUnit, so I only display 10 labels?
Thank you!
Having independent multiple axes for each series in scientific graphs is very common condition.
The requirement is,
The graph can have more than one series. and each series is associated with separate Y axes and one X axis (Time).
E.g. Y1 axis shows temperature and Y2 axis shows pressure against Time on X axis.
Both axes may show different scales (range min - max) like temperature from 0 to 100 Degree kelvin & pressure from 300 to 900 kPa and accordingly the series will be plotted.
I am looking for open source control or freeware which can provide this feature.
I am trying to use WPF for plotting graphs and studying WPF Tookit & Dynamic Data Display for that.
Please look at FLOT example of multiple axes. I want this feature in WPF.
But I am not able to find feature of independent multiple axes in these controls.
Please help otherwise I have to drop the idea of using WPF.
Thanks in advance.
As far as Dynamic Data Display goes, I know that it is very possible to implement what you are looking for. You can always just make a new axis object and add it to the plotter's children. You can then interact and map each axis freely. The key to manipulation in D3 is the mapping, so if you have two different data sources, you can plot them on the same graph dependent on the axis that you map them to, and how you map them. Dynamic Data Display should fit your requirement.
I'm using the newest chart control from silverlight toolkit to plot some data. For small cases it works ok, but for bigger samples the X axis labels overlap. It would be no problem if the chart would simply omit some of the values or I could specify to just show every 10th of them ...
I couldn't find any properties providing this behavior. Any ideas?
Assuming this is a Linear axis then you can specify the interval to use via the the Interval property on the axis.
If the axis in question is Category Axis then dropping some labels may not be valuable to the user. One option is to use the LayoutTransfomer to rotate the labels to an angle reducing the width needed for each one. See this Delay Blog on the subject.