Git Product home page Git Product logo

echartsnet's Introduction

EChartsNet

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

net framework >= 4.0

echarts > 4

直接下载使用 提*-*码: r79k ☞ 欢迎 Star ! ! ! -- 暂未更新 请git生成

使用

新建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字符串),理论上支持所有图形-_-!

其他

水平有限,指教

echartsnet's People

Contributors

wnagoiyy avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.