I was using this https://www.highcharts.com/maps/demo/doubleclickzoomto as my application example and would like to ask how to remove the legend names (1, 10, 100, 1k)?
You can disable the labels in this way:
colorAxis: {
...,
labels: {
enabled: false
}
}
Live demo: https://jsfiddle.net/BlackLabel/2b0ngcsk/
API Reference: https://api.highcharts.com/highcharts/colorAxis.labels.enabled
Related
I want to use Accessible line chart of Highcharts (https://www.highcharts.com/demo/accessible-line)
In demo, I saw some series label position on last point, some in middle and first point.
How can I set all series label on last point?
Sorry for my bad English!
You can use data labels instead of series labels.
Example:
plotOptions: {
series: {
dataLabels: {
enabled: true,
formatter: function() {
if (this.point.index === this.series.points.length - 1) {
return this.series.name;
}
}
},
...
}
}
Live demo: https://jsfiddle.net/BlackLabel/9ps2ckhr/
API Reference: https://api.highcharts.com/highcharts/plotOptions.series.dataLabels
I am looking to hide Y Axis label for Highchart Gantt.
In my fiddle that I attempted you will note that I am looking to completely remove Y Axis lable but my attempt creates empty column.
yAxis: [{
labels: {
enabled: false
},
}]
Wasn't able to location anything in Highcharts Documentation as well
Use the visible property:
yAxis: [{
visible: false
}]
Live demo: http://jsfiddle.net/BlackLabel/L1gt67zp/
API Reference: https://api.highcharts.com/gantt/yAxis.visible
I create mutil chart (type=bar) using grouped_categories.
But label for group show not beautiful.
I using .reflow() or render(), but not work.
Tks.
https://i.stack.imgur.com/P5A52.png
That is a bug reported on grouped_categories plugin repository:
https://github.com/blacklabel/grouped_categories/issues/100
https://github.com/blacklabel/grouped_categories/issues/28
The workaround is to manually position the first label:
xAxis: {
labels: {
x: -4,
y: 7
},
categories: [...]
}
Live demo: https://jsfiddle.net/BlackLabel/gejbs6fr/
I have a pie chart which, potentially, will have empty categories when the page loads as data is dynamic from an SQL database.
I've set up the formatter so that no label is shown if the value is 0, but how does one prevent the leader lines from showing?
I would prefer to avoid the solution of not including the category at all, as it is important to still show it as a possibility in the key
You can filter the data array to plot only values greater than zero:
series: [{
type: 'pie',
data: [0, 0, 5, 0, 20, 0, 15].filter(function(y) {
return y > 0
})
}]
Live demo: http://jsfiddle.net/BlackLabel/g98uaoy0/
Or set the right condition in the formatter function:
series: [{
...,
dataLabels: {
formatter: function() {
if (this.y) {
return this.y
}
}
}
}]
Live demo: http://jsfiddle.net/BlackLabel/mft83dgb/
API Reference: https://api.highcharts.com/highcharts/series.pie.dataLabels.formatter
I'd like to remove the value box from a Highcharts angular gauge.
I'm not sure it is possible...I have tried messing around with the JSFiddle demo trying to remove it and haven't been able to.
I was able to remove the minor and major ticks by adding
minorTickInterval: 'none',
tickPixelInterval: 'none'
But I can't figure out how to remove the value from the middle of the gauge.
or you can achieve the result you want just by adding the following lines:
series: [{
dataLabels: {
enabled: false
}
}]
You should add dataLabels.formatter to the series part of your gauge to remove it.
dataLabels: {
formatter: function () {
return null;
}
},
Live example: jsFiddle