Category / Section
How to display the data labels in OLAP Chart?
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/>
