Category / Section
How to display legend and customize it in the Pivot Chart?
1 min read
This KB illustrates that how to display legend and customize it in Pivot Chart.
Solution:
You can display the legend and customize the same by using “legend” property. And, kindly follow the below code snippets with respective platforms.
JS
$("#PivotChart1").ejPivotChart({ url: "../wcf/OlapChartService.svc", title: { text: "PivotChart in Essential Studio" }, legend: { visible: true, rowCount: 3, font: { fontFamily: 'Segoe UI', fontStyle: 'italic', fontWeight: 'bold', size: '13px' } }, });
MVC
@Html.EJ().Pivot().PivotChart("PivotChart1").Url("../wcf/OlapChartService.svc").Legend(legend => legend.Visible(true).RowCount(3).Font(Font =>Font.FontStyle(ChartFontStyle.Italic).FontFamily("Segoe UI").FontWeight(ChartFontWeight.Lighter).Size("13px")))
ASP
<ej:PivotChart ID="PivotChart1" runat="server" Url="../wcf/OlapChartService.svc" Title-Text="PivotChart in Essential Studio" > <Legend Visible="true" RowCount="3" Font-FontFamily="Segoe UI" Font- FontStyle="italic"></Legend> </ej:PivotChart>