c# - 如何在数据 GridView 中制作这种(引用图像)类型的图形

Question

我想在我的数据 GridView 控件中添加这种类型的图表:-

这里要绘制 12 个月的图表，我可以输入 12 个月的百分比或以像素为单位的比较值....还请说明如何为图表着色

任何这样做的想法都将受到高度赞赏

编辑-----感谢所有的答案我学到了很多但仍然无法解决问题......

1. 我需要在我的 datagridview 中显示很多行，大约有 15 列....所以每次添加行时直接添加行但为图形添加不同的列是很奇怪的...想不出任何其他方法来完成这个....此外，我不想保存我发现的图像，如果我将图像直接添加到 GridView 中，我必须保存图像......

2. 是否有任何第三方工具可以帮助我获得带有图表的自定义数据 GridView

谢谢。

Answer 1

使用 google charts API 更容易和更简单.

在您的 DataGridView 下，只需递归一个带有 <img> 的模板带有特定 src 的标签.

例如这段代码(分成两行):

<img src="http://chart.apis.google.com/chart?
   cht=bvs&chd=t:50,20,30,65,20&chs=220x30" width="120" />

会给你以下内容:

你只需要修改t:50,20,30,65,20部分略微取决于您绑定(bind)到的数据。

像这样:

<img src="http://chart.apis.google.com/chart?
   cht=bvs&chd=t:<%# Eval("t1") %>,<%# Eval("t2") %>,<%# Eval("t3") %>,<%# Eval("t4") %>,<%# Eval("t5") %>&chs=220x30" width="120" />