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>
|
This page will automatically be redirected to the sign-in page in 10 seconds.