Chart Customization

General
, ,
#1

I’m wanting to remove the legend key at the bottom of chart and the x axis title “No. of Travels”

#2

Hi karunakar,
Thank you for your query. You can remove the legend (highlighted as (1) ) and x-axis title (marked as (2)) of a chart in Helical Insight. It can be achieved by applying a javascript code.

Following are the steps to apply a code :

  1. After generating a bar chart (as mentioned above)
  2. Go to custom -> script -> insert the javascript code
  3. Insert the following code to remove the legend and X-axis label :

Javascript Code
hi_container.set(“postExecution”, function(){
//Hide legend
Hdi.c3chart.legend.hide();
});

  1. After applying Javascript code, click on Style for removing Y-axis label using CSS code

CSS Code for removing Y-axis Label
.c3-axis-y-label{
display:none ;
}

Hence, the required output is generated using Javascript and CSS code. In this way you can do various other customization on charts. To know more, visit www.helicalinsight.com/guide

Regards,
Helical Insight Team