highchart - scatter : set decimals of x-axis and y-axis - javascript

Part I
I want to fix decimals of the x-axis and y-axis elements in the scatter-plot (highcharts).
I've searched documentation in highcharts about properties of scatter-plot. But, I've found nothing. I want to set 2 decimals of elements in x-axis and y-axis because I have a very large number with 8 decimals o more.
Part II
Well, It works the decimals. However, the element of x-axis and y-axis have the same value now. Is it possible to fix this?. I would like the difference between each element of axis equals 0.1. I mean 34.66, 34.67, 34.68, 34.69
Part II -This is the new problem now
Part I - You can see the picture. This is the problem

Use a formatter function with .toFixed(2). Example jsFiddle.

Related

aligning zero line in echarts

normally I would have some full-blwn code to post with my questions but this is a very generic question... I have create a chart with two y-axis on echarts through yAxis: [{name:'abc', type:'value'},{name:'xyz',type:'value'}]. both axes might have data that goes to negative, but the second axis doesn't always have negative numbers. I would like both axes' 0 value line to align at the same level at all times. As the range of both axes individually might vary greatly depending on the dataset supplied, I wouldn't want to manually set the ranges for them and would like to rely on echarts built-in capability to decide on an appropriate range as long as the zero line is aligned. is this possible at all? thanks in advance

Make X axis labels show each day in Gantt chart

I have a Gantt chart, and I need to make the duration scale to one day. Currently there's a label for every other day only.
See image below:
The axis chooses granularity and number of labels / grid lines based on available space, so that it does not look crammed.
You can influence it in a number of ways:
1) Set (reduce) minHorizontalGap for your value axis.
This setting defines how much free space there should be between labels. The less the number the more labels the chart will display.
OR
2) Disable autoGridCount and set gridCount manually.
With both approaches you might need to play around with the numbers to find the one that works for your chart setup and available space.

Prevent Flot Chart from repeating ticks while alignTicksWithAxis is set

Flot chart is repeating ticks on right Y axis when:
alignTicksWithAxis:1
I want to align both axes but hide repeated tick values.
http://jsfiddle.net/AUrfY/20/
Is there something in the API i have missed or i have to check thicks before painting and hide duplications.
Set the tickDecimals option to 2 to get reasonable labels for the right y axis (see this updated fiddle).
The label values are not really duplicated, but they are rounded so that they seem so.

Kendo ui Column Chart Labels

With the Kendo UI column chart, is there a possible way to show a series default label with a value of 0? The labels work for pie charts and line charts.
Here is my javascript and I don't see any configuration options
http://jsfiddle.net/8YnKv/30/
Thanks.
It's a hack solution, but if you are not concerned about decimal values, you could always set your 0 value values to something like .00001 and then use the kendo.format to round it to the nearest whole number, which is 0. Example jsFiddle:
http://jsfiddle.net/8YnKv/31/
Now, if you need to preserve decimal values, then this solution will not work for you. I hope that Telerik comes up with a solution soon.

gRaphael line chart shade changes

I'm currently implementing a line chart in gRaphael which requires the x axis to move up the y-axis such that it lies on zero (which I have already accomplished by drawing my own axes).
However, I'm now encountering a problem when attempting to shade the area above/under the x-axis; gRaphael's shade function only shades from the bottom of the graph to Y-height (as opposed to being from 0 on the y-axis to the y-height). The result is the following:
http://i.stack.imgur.com/ZuPhw.png
I have found a couple of lines in g.line.js which look suspiciously like they would help, but I have no idea what the "L", "C", and "M" values mean (I assume they are to tell a part of the program to draw a line etc?)
Any help from anybody more informed than me would be greatly appreciated!
I solved this by overriding the g.line.js file and creating an offset to add to the Y values. The offset was calculated by considering the maximum and minimum values on the Y axis, the height of the SVG itself and the "gutter" - a value which adds padding to the SVG itself (so that values on the axes can be displayed better). The formula looks like this (and is, incidentally, identical to how the axes were moved to zero):
(height - 2*gutter)*(miny/(maxy-miny))

Categories

Resources