Series

24 May 20191 minute to read

Series point customization

By using the fill and border properties of chart series, you can customize the pivot chart series color, border color, and border width.

  • html
  • <html xmlns="http://www.w3.org/1999/xhtml">
    //...
    
    <body>
        <ej:PivotChart ID="MyPivotChart1" runat="server" Url="/RelationalChartService.svc" ClientIDMode="Static">
            <ClientSideEvents Load="loadTheme" SeriesRendering="onSeriesRenders" />
              <Size Width="100%" Height="460px"></Size>
        </ej:PivotChart>
        <script type="text/javascript">
            function onSeriesRenders(args) {
                this.model.series[0].points[0].fill = "aqua";
                this.model.series[0].points[0].border = {
                    color: "black",
                    width: 2
                };
            }
        </script>
    </body>
    
    </html>

    Series customization in ASP NET pivot chart control