How to Show String values on yaxis of highchart - highcharts

I have a set of a data that contains currency symbols ie. series =[1000 $, 2000 $, 56577$]. How can i force the yaxis labels to only show these values

Related

Show only month labels on HighChart xAxis

I have some list of dates as categories for xAxis.
Example of collection : 2018-01-01, 2018-01-03, 2018-01-10, 2018-01-17, 2018-01-29;
I want to display on chart dates in format MMM yy (Jan 18)
So I've tried to group all this dates by this date format. As result I received only 1 item in collection which is logically. But on chart I saw labels like this
Jan 18, 1, 2, 3, 4
How to "group" values on chart to display only month labels?
Example what I have now https://jsfiddle.net/phwgo4jz/7/
You could use the dateTimeLabelFormats option of xAxis to format the label. Or simply set the type of xAxis to datetime. Highcharts scales the axis and inserts appropriate labels as required.
Here is the highcharts documentation : https://api.highcharts.com/highcharts/xAxis.dateTimeLabelFormats
Also a sample codepen with similar functionality as your requirement. Have a look
https://codepen.io/samuellawrentz/pen/XYVyNR?editors=1010
categories are basically just an information how to display labels and position ticks - the axis still behaves like a "normal" linear axis. Highcharts will fill the axis labels up with subsequent integers if you don't provide categories for all y positions.
You can use xAxis.labels.formatter to filter categories out:
formatter: function() {
return Number.isInteger(this.value) ? '' : this.value;
}
Live demo: https://jsfiddle.net/BlackLabel/ytoj9ng2/
API reference: https://api.highcharts.com/highcharts/xAxis.labels.formatter

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?

Highcharts - Column range chart does not render properly

I've a highchart which displays categories on x-axis and time on y-axis.This chart does not show complete range for a particular set of dates. I've created a fiddle for the same. jsfiddle.net/kshrrgvo
For the series with name "Remaining" bars are not complete. Moreover, the axis labels does not denote the full range.

HighStock graph for non date records

In highstock chart,
Is it possible to achieve the bar chart with range selector at the yaxis instead of xaxis.
Is it possible to have the non-date values (i.e some customer names) as x axis(if xaxis as range selector) and alphabets as the range selector?
Thanks.

Show empty series in highcharts

I can't seem to show the series with empty data into my highcharts. I have some check-ins in a graph for each of the 7 weekdays. But when a day doesn't have data, it's hidden. What I would like to do is show the label of the empty serie on the x-axis (print the weekday name). I tried to populate my data with null values, using different options for highcharts, ...
I also can't set the color for the columns, I tried setting it to gray but that doesn't work.
Here's a demo in JSFiddle
You can set min and max for yAxis, instead of minPadding and maxPadding, take a look: http://jsfiddle.net/tgZcc/21/

Resources