Hi Guys,
I need the same thing, as we don't have this as a standard feature we can do it using javascript, however, this is for dashboards not reports.
Steps:
1) Add an ID for your chart editing the source
e.g:
2) create a javascript to update the labels and put them in vertical, of course, this is just an example you can customize by yourself,
Note: Keep the transform value and add the rotate for -90 or other value.
require([
'jquery',
'splunkjs/mvc',
'splunkjs/mvc/simplexml/ready!'
], function($,mvc){
var my_chart = mvc.Components.get("my_chart_id");
if(my_chart != undefined){
my_chart.getVisualization(function(chartView) {
chartView.on("rendered", function() {
$("#my_chart_id .highcharts-data-labels g").each(function(index){
//Used to rotate the label in 90º
var transformAttr = $(this).attr('transform');
//Avoid add the rotate more than one time
if(!transformAttr.includes('rotate'))
$(this).attr('transform', transformAttr + 'rotate(-90)');
});
});
});
}
});
3) Add the javascript reference in your dashboard,
... View more
