Richard.Ma 发表于 2020-5-9 17:48:09

如何自定义Flexchart 图表中序列的绘制样式

本帖最后由 Richard.Ma 于 2020-5-9 17:49 编辑

在使用Flexchart 时,可能经常会遇到需要调整图表样式的时候,这时候我们可以采取两种方式来进行设置

1.使用提供的Style中的具体属性来设置,如下图

customerCountSeries.Style.StrokeWidth = 3; //设置折线的粗细
customerCountSeries.Style.StrokeColor = customerCountSeries.SymbolStyle.FillColor = ColorTranslator.FromHtml("#7E6B8F");//设置折线的颜色
customerCountSeries.SymbolMarker = C1.Chart.SymbolMarker.Box; //设置折线点的样式
orderTotal2013Series.Style.FillColor = ColorTranslator.FromHtml("#96E6B3"); //设置2013柱子填充的颜色
orderTotal2014Series.Style.FillColor = ColorTranslator.FromHtml("#DA3E52"); //设置2014柱子填充的颜色
orderTotal2015Series.Style.FillColor = ColorTranslator.FromHtml("#A3D9FF");//设置2015柱子填充的颜色




2.使用SymbolRendering事件来自定义绘制
对于无法使用Style中的属性来设置的我们可以使用曾事件
这里以控制柱形图的柱子宽度为例 ,我们可以看到,做了SetClipRect设置后,柱子宽度变成了我们设置的5,而不是重合在一起。当然,使用e.Engine中各类的Draw方法来绘制我们需要的样式
      private void Series_SymbolRendering(object sender, C1.WPF.Chart.RenderSymbolEventArgs e)
      {
            e.Engine.SetClipRect(new _Rect(e.Point.X,e.Point.Y,5,500));
      }



页: [1]
查看完整版本: 如何自定义Flexchart 图表中序列的绘制样式