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

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/

Related

Tooltip indicator on axis displaying different data than the data plotted on chart

I have multiple y axis and x axis of chart which I change using setInterval based on different criteria
After those changes the cursor displaying values on y axis and x axis displays different value than the value plotted.
How can the cursor display correct value corresponding to the axis?
Please find screenshot attached highlighting the issue.
Thanks

How to scale Highcharts Line graph

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.!

D3 axis origin changes as per its scales range

I am a little confused on how D3s axis object takes its origin position and where it is anchored(I assume its top left)
Also it seem like the origin point changes as per the range of the associated scale for instance,the two axis below would start at different position
1st axis
//Xscale with scale not augmented
var stageXScale=d3.scaleLinear()
.domain([0,150])
.range([0,150]);
var stageXAxis = d3.axisBottom(stageXScale) //unaug axis
.ticks(20);
2nd axis
//scale which is augmented
var stageXScaleAug=d3.scaleLinear()
.domain([0,stageWidth])
.range([0+stageMarginLeft,150+stageMarginLeft]);
var stageXAxisAug = d3.axisBottom(stageXScaleAug) //aug axis
.ticks(20);
Isn't the origin of the axis mapped to the origin of the parent container,if so why does the scale of the axis change this.
Here is Js fiddle example :
https://jsfiddle.net/Snedden27/3wsx8bdy/12/
The position of the origin of the axis (prior to transform) is determined by the minimum value of the range of the scale.
For axis 1, the range is [0,150] and the axis starts at screen x-coordinate 0 of the parent element. (The axis ends at x-coordinate 150.)
For axis 2, the range is [0+stageMarginLeft,150+stageMarginLeft], so that axis starts at screen x-coordinate stageMarginLeft (20) of the parent element.

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 :)

HighCharts FORCE pointInterval (from user selection), pointPixelWidth and pointPadding(in pixels)

I have a candleStick and Column(volume) chart. I want the user to pick the interval (1m, 3m, 5m, 15m) etc.
The problem i am having is i cannot correctly set the point padding in pixels so the spacing will either vary between the different intervals (pointPadding is represented as a percent of the interval width on the axis). This screws up the chart as you change intervals.
As an additional problem, if highcharts own datagrouping calculates the total points in the plotArea based on the width of the plot (in pixels) and the width of the points. If this is off by one pixel my volume/column chart loses it's last points depending on how it determines the grouping.
It is strange because setting the column and candle pixelPoint widths the same for each gives different results as well.

Categories