Highcharts: How to draw a line on top of a column? - highcharts

I would like to have a line on top of the columns in a chart. The line is to show an estimated value while the column it self shows the actual value. I've tried to illustrate it with this image: http://i803.photobucket.com/albums/yy311/carlroger/chart3_zps50860449.png
The line will always be the same value for each year. Sometimes the line will be just a bit above and sometimes the column will exceed the line value.
Is it duable?
/Carl

You can achieve that in a two ways:
use columnrange series: http://jsfiddle.net/zLC4Q/
use scatter series with custom marker: http://jsfiddle.net/5Z386/

Related

Combining Google Combo chart with 2 values with line chart

So I have 3 values which are, Percent, Target, and Overtime.
I want to show on the chart the percent with overtime as one stacked column chart, but for the target, I want to make it show as one line as it will be like a fixed value.
I have tried a lot but it didn't work for me at all. Does anybody have any idea how to get this working, please?
Here is the sheet for the chart: https://docs.google.com/spreadsheets/d/1pSyWYMzDFGDNkDTfv1LMurcsvrN6bx3GjxVbmqFijk8/edit#gid=0
Is this were you looking for?
Chart editor: in Customize tab on Series setting you can change each one of [Percent,Target,Overtime] specifically to be type [line, column, or more] to make combo chart
I hope it'll help you

Graphing Dynamic Line Graphs for ComboGraph Excel 2010

I want to create a combo chart with 2 line graphs. One of them is sourced from a pivot table in another worksheet and another is a horizontal line which may be
adjusted.(Think of equation y = 500.) How can I graph the second graph?
The circled number is horizontal graph (y = 18879.00) and it can change. How can
I graph the dynamic horizontal graph?
If you want to keep using a pivot chart, you can create a Calculated Field with the value of the line, add that to the chart and format the series as a line. With this technique, the line will not be dynamic and you will need to change the calculated field value when you want to move the line.
If you want the line to be dynamically linked to data in a cell, then you can't use a pivot chart. You'll need to create a regular chart from the pivot table data and add the line as a new data series. There are several techniques how to achieve that. The screenshot shows how the line can be plotted by having one value for the first and the last data point each. Cells H3 and H14 both point to H18, where the line value can be changed in one cell.
Add the data in H3:H14 as a new series and format as a line. If the line does not show, make sure to set the option for "Hidden and empty cells" to connect data points with line.

How to create an average line in stacked column chart?

I fetch data from server as two columns, date as xAxis, and decimal number as yAxis. I need to create HTML5 chart in iReport/Jasper studio (for example stacked column chart type) using those columns (easy part) and then I need to create one line on yAxis that will represent average value of second (decimal) column for whole dataset.
Something like this
I tried to create two variables "sum" and "count" with reset type "report" and create measure as division of those two values to get average data set for whole report. Chart is not considering that value as constant while rendering yAxis points. For example, if I have 25 rows in dataset, for each point on graph it will decrease value of "sum" variable for 1....so "sum" will have values, 25, 24, 23,....,1 while line is rendered on chart.
Tried with StackedColumnLine chart type, but same results.
Anybody knows how to do this?

How do I avoid overlapping bars in a columnrange chart?

I have the following columnrange chart:
http://jsfiddle.net/2a2asax2/1
My problem is, that some of the columns in the "closed" category are plotted on top of each other. How do I separate them, so that they are printed underneath each other instead?

Column chart not showing series properly in Highcharts

I have the following charts where the series data is an array of config objects:
enter code herehttp://jsfiddle.net/AANAB/
http://jsfiddle.net/AANAB/1/
Try changing the chart type to pie.If you observe now three series will be shown.Why does the column chart consider this as one series and the pie chart as 3 series? My requirement is to be able to render the column chart and pie chart as three separate series for the same given data. Is this possible?
First and foremost thing,
pie and column are 2 completely different types of charts.
column can be said as a graph, and pie as a chart.
column chart has 2 axes namely x and y while pie is distributing the area proportionally.
there is no mistake in this one. they are rendered properely.
For pie chart the structure accepted is
{
name: name of the slice,
y: value of the slice
}
each slice has its own name like the xAxis categories we provide for column chart.
the Y has the value is common for all the highcharts.
so here what i recommend is to maintain the datasets differently for both column and pie to get what you have required.
All works properly, in pie chart you have different colours, only, so you can set the same color then you achieve the same effect as in columns.

Resources