flexchart Y轴垂直分层怎么做？

swda · swda

我这只有这个

swda · swda

swda · swda

我这没有那么多，只有flexchartExplorer

Richard.Ma · Richard.Ma

应该就是这个demo，你可以打开运行看看，

swda · swda

看了，没有。能否麻烦贴代码看看，主要是涉及纵向分轴，不知道该用什么属性或方法，谢谢。

Richard.Ma · Richard.Ma

下面是关键代码，可以看到添加了三个PlotArea

protected override void SetupChart()
{
flexChart1.ChartType = ChartType.Area;
this.flexChart1.Header.Content = "Distance, Velocity and Acceleration Graphs";
this.flexChart1.Header.Style.Font = StyleInfo.ChartHeaderFont;
flexChart1.PlotAreas.Add(new PlotArea { Name = "plot1", Row = 0 });
flexChart1.PlotAreas.Add(new PlotArea { Name = "spacing1", Row = 1 });
flexChart1.PlotAreas.Add(new PlotArea { Name = "plot2", Row = 2 });
flexChart1.PlotAreas.Add(new PlotArea { Name = "spacing2", Row = 3 });
flexChart1.PlotAreas.Add(new PlotArea { Name = "plot3", Row = 4 });
flexChart1.BindingX = "X";
flexChart1.Binding = "Y";
var acceleration = new Series
{
Name = "Acceleration",
DataSource = DataService.CreateDataPoints((x) => x, (y) => y, 20),
AxisY = new Axis
{
Position = Position.Left,
MajorGrid = true,
PlotAreaName = "plot1"
}
};
var velocity = new Series
{
Name = "Velocity",
DataSource = DataService.CreateDataPoints((x) => x, (y) => y * y, 20),
AxisY = new Axis
{
Position = Position.Left,
MajorGrid = true,
PlotAreaName = "plot2"
}
};
var distance = new Series
{
Name = "Distance",
DataSource = DataService.CreateDataPoints((x) => x, (y) => 0.5 * y * y * y, 20),
AxisY = new Axis
{
Position = Position.Left,
MajorGrid = true,
PlotAreaName = "plot3"
}
};
this.flexChart1.Legend.Position = Position.Right;
this.flexChart1.Series.Add(acceleration);
this.flexChart1.Series.Add(velocity);
this.flexChart1.Series.Add(distance);
}

复制代码

swda · swda

我试试

，非常感谢！

Richard.Ma · Richard.Ma

不客气

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

[已处理] flexchart Y轴垂直分层怎么做？