jqplot export image, xaxis not rendering properly - jquery-ui

I am using JQPlot to generate the graphs, i am converting the graph to image. But in the converted image the xaxis labels are starting from the middle of the graph, instead of beginning. Can anyone knows about this issue and how to solve it?
Thanks in advance.

I have also faced this type of issue. Make sure that The placeholder where you plot your graph don't have text-align:center css property. Otherwise It will start plotting x axis from middle instead of starting point.

Related

How to align correctly this SVG inside the Victory Scatter Graph

I have a problem with aligning the SVG component DataPointCircle inside the Victory Scatter Graph.
My main problem is not how it looks but how it acts.
the tooltip and the VictoryVoronoiContainer is acting weird when hovered over the data circles.
When the data circle is hovered it sometimes shows the tooltip sometimes not!, this is more clear on the last data point.
Since I had to do this x={x - 10} y={y - 10} to properly align the data points, I thought that maybe it is causing a distortion.
I need the tooltip and VictoryVoronoiContainer to act normal. I'm 100% if it is an aligning problem or if I need to do something else, suggestions would be lovely!.
Thanks in advance.
Here is a SandBox
https://codesandbox.io/s/YED2ql2mK
The answer was posted in github:
Yes, that [manually add offset props x={x - 10} y={y - 10}] would definitely be causing the issue. VictoryVoronoiContainer calculates the positions of all of your data points. If you move the points around manually, the triggers will no longer match up. I don't think this is something I can fix at the library level. It might be better to add the tooltips directly to VictoryScatter so that they will be attached to your custom point components regardless of how you you manually position them
https://github.com/FormidableLabs/victory/issues/695

Can you create a phase change line in highcharts

Does highcharts support phase change lines ? It may be called multiple things but im looking to see if an X axis delineation line can be drawn in highcharts. It is used to specify a specific date in time where something in the environment changed. The chart reader would then look at that line and see if that change to the environment impacted the data represented by the lines in the line chart.
Anyone know if this can be done with high charts ? Sample image attached.
Great answer from Ondkloss: http://www.highcharts.com/docs/chart-concepts/plot-bands-and-plot-lines That page shows exactly what I was looking for.

Coreplot Graph Scaling Issue

I have two graphs which have variable range of X and Y values.
The following graph-scaling was attained of using the scaleToFitPlots:(NSArray *)plots method.
But my intention is to get the scaling look like following and I can't find any suitable method in CorePlot framework to accomplish it. Some pointers on it would be very appreciated.
If you already know the ranges you want displayed, skip calling -scaleToFitPlots: and set the xRange and yRange directly.

Showing a cross-hair programatically in Highcharts

Has anyone been able to successfully render a cross-hair programatically in Highcharts?
I have a visualization playing an animation through time and I would like to co-relate the position on the chart via the crosshair. I find that visual cue better than selecting the point on a series. Thanks!
Although Highcharts has something called a cross-hair, I guess what I'm looking for is a plot line.
I've found documentation here and an example scenario
EDIT: I've also noticed that marker.enabled must be set to false or the plot line doesn't show.

How to add crosshair vertical line in line graph using Core Plot framework?

I am using core plot framework for drawing the line graph in iPhone and it is working fine.I am displaying system time on X- axis and Temperature on Y- axis.I need to draw the cross hair vertical line that indicate the selected value on the line graph. for example
I would highly appreciate if someone can give me some suggestion to solve this issue.
Thanks in advance.
You can use another axis or scatter plot to draw the line. Using an axis is simpler if all you need is a single horizontal or vertical line. Set all of the tick and grid line styles to nil and use the orthogonalCoordinateDecimal to position it in the correct location. There is a demo using a scatter plot to draw a crosshairs over the selected point in the Mac version of the CPTTestApp example app.

Resources