如何自定义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));
}

复制代码

		自动登录	找回密码
密码			立即注册

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

本帖子中包含更多资源

0 个回复

SpreadJS 认证

SpreadJS 高级认证

讲师达人

悬赏达人