Skip to content

ECharts的Net版本映射,可用于Winform、Wpf,直接用C#更方便的显示各类图表

Notifications You must be signed in to change notification settings

kedarui/EChartsNet

 
 

Repository files navigation

EChartsNet

ECharts的Net版本映射,可用于Winform、Wpf,更方便的显示各类图表 net framework >= 4.0 echarts > 4

直接在Releases下载使用即可。 ☞ 欢迎 Star ! ! ! -

使用

新建wpf程序,添加System.Windows.Forms、System.Windows.Forms.Integration、EChartsNet程序集 (winform和wpf均可,不过都以winform版本的webbrowser作为承载):

  1. init data: 初始化数据(DataTable映射为echarts中的dataset),默认列名作标签轴
DataTable dataTable = new DataTable("temp");
dataTable.Columns.Add("产品", typeof(string));
dataTable.Columns.Add("2015", typeof(float));
dataTable.Columns.Add("2016", typeof(float));
dataTable.Columns.Add("2017", typeof(float));
dataTable.Rows.Add("中国", 43.3, 85.8, 93.7);
dataTable.Rows.Add("美国", 83.1, 73.4, 55.1);
dataTable.Rows.Add("日本", 86.4, 65.2, 82.5);
dataTable.Rows.Add("英国", 72.4, 53.9, 39.1);
  1. add browser: 增加浏览器承载 winfrom的webbrowser(wpf可嵌入winform控件)
Echarts echarts = new Echarts(browser);//新建 以browser承载
echarts.AddTheme(Theme.roma);//增加主题
  1. add layout and charts, then show :创建布局,增加图表,Show()显示
private void ShowCharts(DataTable dataTable ,Echarts echarts) {
    echarts.CreateTableLayout(2, 3, (browser.Width - 20) / 3, (browser.Height - 20) / 2);//创建布局
    echarts[1, 1] = new SimpleBar(dataTable, new CompleteOption() { title = new Title() { text = "'基础柱状图'", } }, 1);
    echarts[1, 2] = new BasicLineChart(dataTable, new CompleteOption() { title = new Title() { text = "'基础折线图'", } }, 1);
    echarts[1, 3] = new BasicScatter(dataTable, new CompleteOption() { title = new Title() { text = "'基础散点图'", } }, 1);
    echarts[2, 1] = new SmoothedLineChart(dataTable, new CompleteOption() { title = new Title() { text = "'基础曲线图'", } }, 1);
    echarts[2, 2] = new StackBar(dataTable, new CompleteOption() { title = new Title() { text = "'堆叠柱状图'", } }, 1);
    echarts[2, 3] = new BasicPie(dataTable, new CompleteOption() { title = new Title() { text = "'简单饼图'", } }, 1);
    echarts.Show();//显示
}
  1. 显示和添加浏览器大小更改自适应事件EChartsNetWpfDemo项目
ShowCharts(dataTable, echarts);
browser.SizeChanged += delegate { ShowCharts(dataTable, echarts); };
  1. 效果图: 图片名称

目前支持

基础柱状图、基础折线图、基础散点图、基础面积图、基础曲线图、堆叠柱状图。

其他图也可以根据echarts的配置方法硬配置(因部分option未完整映射支持,只能强写js字符串),理论上支持所有图形-_-!

其他

水平有限,指教

About

ECharts的Net版本映射,可用于Winform、Wpf,直接用C#更方便的显示各类图表

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • C# 100.0%