Category / Section
How to display the data labels in OLAP Chart?
1 min read
You can display data labels in OLAP Chart series by using the following code examples.
MVC
@Html.EJ().Olap().OlapChart("OlapChart1").Url("/wcf/OlapChartService.svc").ClientSideEvents(oEve => { oEve.SeriesRendering("onSeriesRenders"); }) <script type="text/javascript"> function onSeriesRenders(args) { for (i = 0; i < this.model.series.length; i++) { this.model.series[i].marker.dataLabel.visible = true; this.model.series[i].marker.dataLabel.shape = "Circle"; } } </script>
ASP
<ej:OlapChart ID="OlapChart1" runat="server" Url="../wcf/OlapChartService.svc"> <ClientSideEvents SeriesRendering="onSeriesRenders"/> </ej:OlapChart> <script type="text/javascript"> function onSeriesRenders(args) { for (i = 0; i < this.model.series.length; i++) { this.model.series[i].marker.dataLabel.visible = true; this.model.series[i].marker.dataLabel.shape = "Circle"; } } <script/>
JS
<script type="text/javascript"> $("#OlapChart1").ejOlapChart({ url: "../wcf/OlapChartService.svc", seriesRendering: "onSeriesRenders" }); function onSeriesRenders(args) { for (i = 0; i < this.model.series.length; i++) { this.model.series[i].marker.dataLabel.visible = true; this.model.series[i].marker.dataLabel.shape = "Circle"; } } <script/>