Remove Grid Lines on Chart

Hello Helical,

I am using stacked bar chart in version 4.0 and I do not want to show the horizontal grid lines that are appearing. How do I remove those?

image

Thank You,
Sesa

Hello Sesa,

You can use a custom JS in the editor section of the report to remove the gridlines. Enter the following JS in the JS Editor:

var id = hi_container.get("renderId");
	var ftnObj = {};
	ftnObj['setGridLine'+id] = function(c){
					var viz_Options = c.get("viz_Options");
					viz_Options = GridLine(viz_Options);
					c.set("viz_Options",viz_Options);
					} ;
	function GridLine(viz_Options){
					viz_Options.chartOptions.grid = {
						x: {
							show: false
							},
						y: {
							show: false
							}
					 }
				return viz_Options;
			}
			if(!hi_container.isSet("preExecution")){
				hi_container.set("preExecution", ftnObj['setGridLine'+id]);
			}

image

Thank You,
Helical Insight.