How to scale Highcharts Line graph - javascript

I am trying to achieve divisions measurement on Y axis and X axis should be equal. Means whatever user see it'll be looks like blocks of same measurement.
Twist comes here,both X and Y axis belongs to two different measurement unit.
X Axis define Time and Y Axis define Voltage.
Images shows two grids on X Axis, one is minor grid and other is major grid.
For minor grid i'm using plotLines and Major grid i'm using tickInterval.
Now i want same px partitions(Major / Minor) on Y Axis. Whenever X and Y minor grid line intersect, it'll form square
Is there any way in Highcharts to Scale X and Y axis.?
Your help will be highly appreciated.!

Related

Graph points between ticks - crosshair height equal with the point y

Is it posible to display graph points between ticks to represent a duration period?
Is crosshair, in x axis, able to have custom height according to the y of the graph's point.
Can tick step:2 to begin with empty value?
Expectation:
Reality:
fiddle.jshell.net/ssbeefeater/fx5d8wvk/

Multiple linecharts with different Y scales with shareable X Axis using d3js

Im working on this project where I have a big amount of data. It's segmented by categories Soybean, MA20, MA50, MA100, BBW_2 and date.
What I've done so far was to use a code where you can filter and zoom in the data. The result is
Selecting Soybean:
Selecting MA50:
Selecting BBW_2 !HERE IS THE PROBLEM! :
The problem is when BBW_2 is selected. You can see an orange line touching the X axis. This is BBW_2. It has it's Y' axis max value of 2, which is infinitely smaller than 1200, so the scale doesn't work as expected. This doesn't occur with the other categories because they have similar Y' axis values.
What Do I Want to Achieve?
I want to plot all the categories that the user selects appending the selected categories`generated linechart to the same X axis but with different Y scales. One example of what it would look like is this one: .
What I've tried:
Change the Y scale by changing it when the user selects BBW_2.
Plot in different SVG`s. This doesnt work great because it loses the zooming effect.
The code:
https://jsfiddle.net/ldepaula/3q1k9hyj/1/

NVD3: Have labels at certain tick values at the top of the graph

I am using NVD3 to draw a graph that uses an ordinal scale on the x axis for dates. I also have a "focus graph" under it to highlight a specific region to display. To automatically update the ticks that are displayed, I use the tickValues() property.
I want to have label on specific dates at the top of the graph. My solution for this was to create another x axis, but above the the graph, plot the same data, but with a 0 height, and then use tickValues() to set the position of the labels. However, the labels don't show up on the top axis. Is there a solution or alternative?
I guess using a secondary x axis is fine. I forgot to remove the line setting the domain property for my secondary axis. When I removed that, it scaled just like my primary axis :)

change y axis labels in nvd3 scatter-chart

I am trying to have my own y axis labels for the bubble chart in nvd3. Currently the labels are [1,2,3,4,5]. I want them to be displayed as [2,4,8,16,32]. I found the following function,
chart.yAxis.tickValues(['2','4','8','16','32']);
But the labels are not being changed here. I am unable to understand why.
These tick values will not have any effect if the y values themselves are not within the 2-32 range. Right now that chart only has y values up to 2+.
So, if in addition to adding chart.yAxis.tickValues(['2','4','8','16','32']); to the Chart Code/Javascript tab as you have in your question, you also make the following change to the code in the Data(JSON) tab...
y: Math.floor(Math.random() * 33) // change from y: random()
...then you will see the tick values you specified (2-32) show up in the y axis.
NOTE: I assume you are looking at the Scatter / Bubble Chart.

Set the z axis height in google javascript surfaceplot

Using google javascript surface-plot , i have made a 3d graph .
But the z axis seems to be much higher even if the data is small.
Is there any way to set the height of z axis

Categories