OHLC chart draw a line on from one point to another - javascript

I am developing Andrews'Pitchfork on an OHLC chart using High chart library. I have plot the graph but i am not able to find a way to draw a line on the chart. How can this be achieve.
Any help would be highly appreciated.
The graph looks like this. I have plot the graph but how to draw line does high chart gives this ability ?
Andrew PitchFork

Yes. You can use SVGRenderer.path function for this: https://api.highcharts.com/class-reference/Highcharts.SVGRenderer#path

Related

Disc personality graph

I need a Javascript library that will aid in plotting the type of graph in the image, has anyone come across such before.
You should be able to use Chart.js
Combine Line and Scatter graphs.
https://www.chartjs.org/docs/latest/samples/line/line.html
https://www.chartjs.org/docs/latest/samples/other-charts/scatter.html

How to draw vertical Bars with dygraphs

I use R implementation of dygraphs to generate interactive charts in R. By default, it plots line chart of supplied data. However I would like to have vertical bars instead of line chart for below data -
library(dygraphs)
dygraph(mdeaths)
Appreciate if someone can give me any pointer to implement the same, as I failed to find any option to do the same.
Try dyBarChart
library(dygraphs)
dyBarChart(dygraph(mdeaths))
Try with Dygraphs plotters plugin. Have a look at below links for the implementation of Dygraphs Bar Chart implementation.
https://github.com/danvk/dygraphs/blob/master/tests/plotters.html#L97
http://dygraphs.com/tests/plotters.html
Maybe it can help you.

is it possible to do range bar chart with curve line ( S Curve)

I attached the graph I want to achieve.. can you recommend any library/ how to do this kind of graph?
I looked at libraries such as charts.js, anycharts,canvasJs, High Charts (has payment client wouldn't like that) One interesting I found is Google Charts' Combo chart but have no idea how to do it.
https://i.stack.imgur.com/hm5uf.png
I used d3 Line chart and append it on top of the progress bar chart. since it's an svg the background is transparent. hope that helps someone

Draw vertical lines in chart

Is there any way to draw vertical lines in chart. (i.e.)
Under each dot there is a vertical line which is projected to x axis.
Could you advise how to customize it with Google Chart , of course if it is possible?
Are there any other libraries with such kind of line chart ?
p.s. In project I use Angular 1.5. Also I took a look on nvd3 but didn't find what I want
see config options...
use option for vAxis.gridlines to customize vertical lines...

Custom JS chart similat to a vertical progress bar

I am searching for a JS chart like in the image. I got it from an excel file. The percentage is incorect, it should be from 0 to 100%. Does anyone know a library which provides this kind of chart ?
Seems like you're looking for a bullet chart. Most of the major charting libraries provide bullet charts as a standard chart type. You could also implement it as a column (vertical bar) chart with some additional styling.
Here is a ZingChart demo of a vertical bullet chart with an area marker and here is a similar demo implemented as a mixed chart - a column chart and a scatter plot marker for the "goal" line. Both replicate your image.
I'm on the ZingChart team, so don't hesitate to reach out if you have any questions!

Categories