I have a core-plot graph, that has values from 50 to 250 and the interval is set to 20. However the labels underneath the graph are as follows: 40, 60, 80, ..., 260. What I want from them is to become: 50, 70, 90, ..., 250. I guess that has to do with the starting value of the x-axis (which is 0 and because the interval is set to 20, the labels are in that condition). I'll be extremely grateful if you suggest a solution for this.
Best regards,
Boyan
Use the labelingOrigin to adjust the starting point for fixed interval ticks. Setting it to 10 (or 30 or 50, etc.) will work.
Related
I am new to Thingsboard.
Today I created a chart to see temperature from a few sensors.
The problem is, I can see a few vertical marks which are the same:
I.e. two pairs of 28, two pairs of 26, etc.
As to me, it is quite strange… Maybe, it was designed this way, and I simply don’t understand why…
This is caused by rounding: By default, the Y-Axis doesn't show decimal values.
In this example, I have 4 Values: 20.1, 19.7, 20, 20 which are all rounded to 20 in the Y-Axis:
If you change the number of decimals displayed in the settings, it works as expected:
I have a bar highchart and it looks like this:
What I want to do now is this: the x-axis should start from 0, but from 100, because everything below 100 is basically a failure and everything above 100 is a success. Now, the x-axis starts from 0 and the bars go above it. If it starts from 100, the values lower than 100 should start from the x-axis and go below it. Something like this, only instead of 0, the x-axis will be 100.
see this jsfiddle: http://jsfiddle.net/k0hrz224/2/
i want the max value of the yaxis to be 100. currently, as you can see, it is 150 and i dont know why, because i explicitly set max: 100 of this yaxis.
i know that changing (on line 101)
min: -25
to
min: 0
seems like a solution. however i need min: -25 because i want to display A and B as it is shown in the example.
Things can get a little odd when you have multiple y axes.
Add this to your chart:
chart: {
alignTicks:false
}
Which will stop the different axes from trying to resolve with each other, and stop your axis at 100.
Example:
http://jsfiddle.net/jlbriggs/k0hrz224/4/
Reference:
http://api.highcharts.com/highcharts#chart.alignTicks
finally i managed to do it. i "hardcoded" the ticks on my own:
tickPositions: [-25, 0, 25, 50, 75,100]
then i experienced the desired behavior, i.e., no wrong autoscaling of any axis.
What is the difference between ceiling and max properties in highchart Axis? If I put ceiling 10 and max 5 or max 10 and ceiling 5, they give same result. Then why they are two different properties?
we can say some thing like following:
ceiling is max-height
max is fixed height
Check THIS DEMO and modify it to understand that what I say...
This depends on the smaller (max or ceiling), it's not auto-adjusted,
The maximum height is 100, it's auto-adjusted,
The height is fixed at 100,
I would like to implement an UISlider with the acceptable value of 1, 2, 5, 10, 15, 20, and 30. Basically, I want the UISlider with a finer scale at the lower score, and more coarse scale at the higher score. One of my idea is to programmatically round off of the float value from UISlider. However, I want to know if there might be a more elegant way to do this?
Set the min and max of the UISlider, let's say 1-10. In the code, every time the value of the slider changes, add a switch statement where you have a case for each number from 1-10 and you can set 15, 20, 30, whatever number you want.