如何使用主题文件自定义 ASP.NET 图表
How To Customize ASP.NET Chart Using A Theme File
我想创建一个折线图,x 轴是日期,y 轴是绿色(位置 0)、黄色(1)和红色(2) .
我怎样才能做到这一点?
目前只有数字。
我用 XML 尝试过,但我不太了解它,而且有点令人困惑。我可以用它访问 y 轴的单个元素并将它们转换为文本吗?
我可以在 axisLabel 的 Chart.AddSeries 方法中以某种方式实现 if else 方法吗?
控制器
//XML
string t = @"
<Chart>
<ChartAreas>
<ChartArea Name=""Default"" _Template_=""All"">
<AxisY Interval=""1"">
<LabelStyle Font=""Verdana, 70px"" />
</AxisY>
</ChartArea>
</ChartAreas>
</Chart>";
var Date_min = OpenDate;
var Date_max = DateTime.Today;
var chart = new Chart(width: 300, height: 200, theme: t)
.AddSeries(
chartType: "line",
name: "Temperature",
markerStep: 2,
xValue: Date_X,
yValues: Temperature_Y) //0,1 or 2 for green, yellow and red
.SetXAxis("Date", Date_min.ToOADate(), Date_max.ToOADate())
.SetYAxis("Temperature", 0, 2.5)
.GetBytes("png");
提前感谢您的帮助。
更新
我查看了 System.Web.UI.DataVisualization.Charting 框架,没有找到任何其他功能来解决我的问题。
我想更改 y 轴标签。不是 y 轴的一般标签,而是它的每个位置。 y 轴只有三个位置必须重命名为绿色、黄色和红色,而不是 0、1、2。
x轴的每个日期都会有对应的颜色。
使用此主题 文件(或字符串)创建自定义轴标签:
<?xml version="1.0" encoding="utf-8" ?>
<Chart>
<ChartAreas>
<ChartArea Name="Default" _Template_="All">
<AxisY>
<CustomLabels>
<CustomLabel Text="GREEN (0 - 1)" ToPosition="1" />
<CustomLabel FromPosition="1" Text="YELLOW (1 - 2)" ToPosition="2" />
<CustomLabel FromPosition="2" Text="RED (2 - 3)" ToPosition="3" />
</CustomLabels>
</AxisY>
</ChartArea>
</ChartAreas>
<Series>
<Series Name="Temperature" BorderWidth="3" >
</Series>
</Series>
<Legends>
<Legend Alignment="Center" Docking="Top" Name="Temperature">
</Legend>
</Legends>
</Chart>
Controller.cs:
var Date_min = DateTime.Now.AddDays(-4);
var Date_max = DateTime.Now.AddDays(1);
var chart = new Chart(width: 600, height: 400, themePath: "XMLFile1.xml")
.AddSeries(
chartType: "line",
name: "Temperature",
xValue: new DateTime[] { DateTime.Now.AddDays(-4), DateTime.Now.AddDays(-3), DateTime.Now.AddDays(-2), DateTime.Now.AddDays(-1), DateTime.Now },
yValues: new int[] { 2, 1, 2, 2, 1 }) //0,1 or 2 for green, yellow and red
.SetXAxis("Date", Date_min.ToOADate(), Date_max.ToOADate())
.SetYAxis("Temperature", 0, 3.0)
.Save("~/Image/MyChart.png", "png");
我想创建一个折线图,x 轴是日期,y 轴是绿色(位置 0)、黄色(1)和红色(2) .
我怎样才能做到这一点?
目前只有数字。 我用 XML 尝试过,但我不太了解它,而且有点令人困惑。我可以用它访问 y 轴的单个元素并将它们转换为文本吗? 我可以在 axisLabel 的 Chart.AddSeries 方法中以某种方式实现 if else 方法吗?
控制器
//XML
string t = @"
<Chart>
<ChartAreas>
<ChartArea Name=""Default"" _Template_=""All"">
<AxisY Interval=""1"">
<LabelStyle Font=""Verdana, 70px"" />
</AxisY>
</ChartArea>
</ChartAreas>
</Chart>";
var Date_min = OpenDate;
var Date_max = DateTime.Today;
var chart = new Chart(width: 300, height: 200, theme: t)
.AddSeries(
chartType: "line",
name: "Temperature",
markerStep: 2,
xValue: Date_X,
yValues: Temperature_Y) //0,1 or 2 for green, yellow and red
.SetXAxis("Date", Date_min.ToOADate(), Date_max.ToOADate())
.SetYAxis("Temperature", 0, 2.5)
.GetBytes("png");
提前感谢您的帮助。
更新
我查看了 System.Web.UI.DataVisualization.Charting 框架,没有找到任何其他功能来解决我的问题。
我想更改 y 轴标签。不是 y 轴的一般标签,而是它的每个位置。 y 轴只有三个位置必须重命名为绿色、黄色和红色,而不是 0、1、2。 x轴的每个日期都会有对应的颜色。
使用此主题 文件(或字符串)创建自定义轴标签:
<?xml version="1.0" encoding="utf-8" ?>
<Chart>
<ChartAreas>
<ChartArea Name="Default" _Template_="All">
<AxisY>
<CustomLabels>
<CustomLabel Text="GREEN (0 - 1)" ToPosition="1" />
<CustomLabel FromPosition="1" Text="YELLOW (1 - 2)" ToPosition="2" />
<CustomLabel FromPosition="2" Text="RED (2 - 3)" ToPosition="3" />
</CustomLabels>
</AxisY>
</ChartArea>
</ChartAreas>
<Series>
<Series Name="Temperature" BorderWidth="3" >
</Series>
</Series>
<Legends>
<Legend Alignment="Center" Docking="Top" Name="Temperature">
</Legend>
</Legends>
</Chart>
Controller.cs:
var Date_min = DateTime.Now.AddDays(-4);
var Date_max = DateTime.Now.AddDays(1);
var chart = new Chart(width: 600, height: 400, themePath: "XMLFile1.xml")
.AddSeries(
chartType: "line",
name: "Temperature",
xValue: new DateTime[] { DateTime.Now.AddDays(-4), DateTime.Now.AddDays(-3), DateTime.Now.AddDays(-2), DateTime.Now.AddDays(-1), DateTime.Now },
yValues: new int[] { 2, 1, 2, 2, 1 }) //0,1 or 2 for green, yellow and red
.SetXAxis("Date", Date_min.ToOADate(), Date_max.ToOADate())
.SetYAxis("Temperature", 0, 3.0)
.Save("~/Image/MyChart.png", "png");