echarts在.Net中使用实例(一) 简单的Demo

前言

这个必须要有前言,即便很短,对于有强迫症的人来说不容易啊。言归正传,之前做图一直使用rdlc自带的格式,虽然任务完成,但是一直觉得不太美观,

空余时间开始找其他的插件,终于找到了Highchart和echarts,这一系列主要是针对echarts.

关于Echarts

百度比我更清楚,我就不说了!

echarts的实例参考地址:http://echarts.baidu.com/doc/example.html

echarts的文档参考地址:http://echarts.baidu.com/doc/doc.html

echarts(版本2.2.7)下载地址:http://echarts.baidu.com/build/echarts-2.2.7.zip

实例

在项目中新建echarts文件夹,并将下载的echarts-2.2.7.zip解压,将build下的dist文件夹中所有的文件拷贝到echarts文件夹中,如下图

echarts在.Net中使用实例(一) 简单的Demo

echarts在.Net中使用实例(一) 简单的Demo

根据文档只需要几分钟的功夫,代码如下:

 

效果如下图,效果是不是很棒echarts在.Net中使用实例(一) 简单的Demo

使用ajax动态加载数据,请看下回分解。

上一篇:Vue.js+cube-ui(Scroll组件)实现类似头条效果的横向滚动导航条


下一篇:html5 canvas 详细使用教程