Category / Section
How to change the axis name of the PivotChart in ASP.NET MVC?
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/>
