Category / Section
How to change the axis name of the PivotChart in ASP?
1 min read
You can use the following codes to change the axis title of the OLAP Chart with ChartLoad client-side event.
JavaScript
$("#OlapChart1").ejOlapChart({ url: "../wcf/OlapChartService.svc", chartLoad: " OnCustomAxisName" }); function OnCustomAxisName(args) { this.model.primaryXAxis = { title: { text: "Your Custom Text1 Here" } }; this.model.primaryYAxis = { title: { text: "Your Custom Text2 Here" } }; }
ASP
<ej:OlapChart ID="OlapChart1" runat="server" Url="../wcf/OlapChartService.svc"> <ClientSideEvents ChartLoad="OnCustomAxisName"/> </ej:OlapChart> <script type="text/javascript"> function OnCustomAxisName(args) { this.model.primaryXAxis = { title: { text: "Your Custom Text1 Here" } }; this.model.primaryYAxis = { title: { text: "Your Custom Text2 Here" } }; } <script/>
MVC
@Html.EJ().Olap().OlapChart("OlapChart1").Url(Url.Content("~/wcf/OlapChartService.svc")).ClientSideEvents(clientSideEvent => clientSideEvent.ChartLoad("OnCustomAxisName")) <script type="text/javascript"> function OnCustomAxisName(args) { this.model.primaryXAxis = { title: { text: "Your Custom Text1 Here" } }; this.model.primaryYAxis = { title: { text: "Your Custom Text2 Here" } }; } <script/>