I want to create a chart for 'allocated space' and 'usage space' which may vary from time to time. I can`t create this combined chart. If any one help me out it will be very helpful for me.
In your case its column and line chart with defined step.
Example: http://jsfiddle.net/yp6tL6w2
Related
I am trying to plot the chart as shown below
Not sure what to search for as this is a combination of three charts on same chart.Any starting point will help
To achieve the chart like that, you can use the Highcharts Stock with combination of three series:
line, flags and column.
Sample demo you can base on:
https://jsfiddle.net/BlackLabel/87tbj5x2/
API Reference:
https://api.highcharts.com/highstock/series.line
https://api.highcharts.com/highstock/series.flags
https://api.highcharts.com/highstock/series.flags.shape
https://api.highcharts.com/highstock/series.column
I got an situation like this. I would like to using line chart to draw stacked value. I have tried google search but i can't find the solution.
For example: On date May/23 i got 3 values, i would like to display these on line-chart.
How could i achieve this? Does highcharts support to do this one. Please take a look at the link attach to clearer the question
Stacked line chart image
Addition info: Im using highcharts to do this one
Thanks for any comment or answer
Follow jlbriggs
I should use scatter-chart to achieve this one
Regarding the tooltip, I would suggest using a scatter series instead of a line. Set the lineWidth in the plotOptions and it will plot just like a line series, but the tool tips are handled differently. Example: jsfiddle.net/jlbriggs/c1o8Lwgv
I would like to fill the area between two serieses (when serieses cross each other). See below. I tried the 'arearange' chart type but it filled most of the chart with solid colors. I saw a similar question but I wanted to know if Highcharts supports what I want or I have to use the solution posted in that question.
Chart now:
What I want:
type:'arearange'
You need to use three series, first / second as lines, third as arearange with defined values.
Related topic: How to fill the Area between two series with multiples yAxis in HighChart?
I am new to highcharts and trying to show the chart and data at the same time.
Like the whole display should be like this.
First column : Station Name(data)
Second column : horizontal bar
Third column : Data.
Is it possible to paint it only using highcharts API's ?
Thanks
Sukanta
You are basically talking about a regular bar chart with a categorical axis and data labels:
http://jsfiddle.net/JVNjs/288/
categories:['group a','group b','group c','group d','group e']
I don't think that there is a default setting that will align the data labels all to the right in a column as you requested, but I am sure there is a workaround that will allow it to be done.
When using Highcharts, is it possible to change the contents of the legend to display something other than the series?
For example, I have a scatter chart with just one series but with many elements, so that the element labels obstruct one another and are illegible:
Would it be possible to use the legend to display the element names instead of the series? (each member in the series has a different color so that it is possible to use the legend in this case)
EDIT:
It turns out there isn't any good way to do this, so I wrote my own custom legend. You can find the code here: http://pastie.org/5115536
I hope you find it useful
Highcharts allows to show data points instead of series name in the in the legend. But, Unfortunately its only for Pie charts type:pie.
There is a default option available for the Pie Chart though undocumented in the API.
legendType: 'point',
If you try to set it for other type of chart, Legend does not gets rendered.