Category / Section
How to hide GridLines in PivotChart?
1 min read
This KB illustrates that how to hide GridLines in PivotChart.
Solution:
To hide the background grid lines in PivotChart, set the majorGridLines property to False.
JS
$("#PivotChart").ejPivotChart({
primaryXAxis: { majorGridLines: { visible: false } },primaryYAxis: { majorGridLines: { visible: false }
});
ASP
<ej:PivotChart ID="PivotChart1" runat="server" Url="../wcf/OlapChartService.svc"> <PrimaryXAxis ><MinorGridLines Visible="false" /></PrimaryXAxis> <PrimaryYAxis><MinorGridLines Visible="false" /></PrimaryYAxis> </ej:PivotChart>
MVC
@Html.EJ().Pivot().PivotChart("PivotChart1").Url(Url.Content("~/wcf/OlapChartService.svc")).PrimaryXAxis(primaryXAxis => primaryXAxis.MajorGridLines(gridline => gridline.Visible(false)).LabelRotation(0)).PrimaryYAxis(primaryYAxis => primaryYAxis.MajorGridLines(gridline => gridline.Visible(false)))
