echart
关注
分享
扫一扫
zengshaotao
大道至简，未来可期
展开
-
echart基本
ECharts 3 开始不再强制使用 AMD 的方式按需引入，代码里也不再内置 AMD 加载器。因此引入方式简单了很多，只需要像普通的 JavaScript 库一样用 script 标签引入。<!DOCTYPE html><html><head><metacharset="utf-8"><!-- 引入 ECharts 文件 -->&..原创 2017-01-14 09:41:51 · 146 阅读 · 0 评论 -
自定义系列的颜色及鼠标的事件处理
option = { title: { text: 'ECharts 入门示例' }, tooltip: {}, legend: { data:['销量'] }, xAxis: { data: ["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"] }2017-01-14 09:50:44 · 159 阅读 · 0 评论 -
echart实例
<body> <!-- 为ECharts准备一个具备大小（宽高）的Dom --> <div id="main" style="height:400px"></div> <!-- ECharts单文件引入 --> <script src="http://ec原创 2017-01-14 14:36:47 · 191 阅读 · 0 评论 -
中国或者省份地图
因为工作需要，所以研究了几天百度的echarts来绘制地图，效果还是不错的：1、下载echarts插件包，解压后找到 doc/example/www/js目录，可以找到echarts.js、echarts-map.js、esl.js三个js文件，理论上有这3个js文件就足够我们来使用echarts插件了2、建立一个项目，在html中首先加载esl.js文件<!--Step:1 ...原创 2017-01-14 15:08:29 · 239 阅读 · 0 评论 -
安徽地图外加南京市
<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <title>ECharts Demo For Map</title> <!--Step:1 Import a module l原创 2017-01-14 16:04:34 · 798 阅读 · 0 评论 -
树形图
option = { title : { text: '手机品牌', subtext: '线、节点样式' }, tooltip : { trigger: 'item', formatter: "{b}: {c}" }, toolbox: { show : ...原创 2017-01-15 09:26:00 · 384 阅读 · 0 评论 -
echart详细
1、项目结构 js文件夹： 下载了ECharts之后，解压缩，如解压后的根目录是echarts-2.1.8，则到echarts-2.1.8\doc\example\www路径下，把里面的js文件夹直接复制粘贴到项目的 WebRoot根目录下即可echarts.jsp： 在WebRoot根目录下新建echarts.jspecharts.jsp [java] ...原创 2017-01-15 09:29:13 · 238 阅读 · 0 评论 -
echart注意事项
// 路径配置 require.config({ paths : { echarts : 'jquery/echarts-2.2.7/build/dist' } }); // 使用EChart.js画图 function drawChart() { require([ 'echarts', 'echarts...原创 2017-06-09 14:31:48 · 261 阅读 · 0 评论 -
引入ECharts
引入EChartsecharts提供多种引入方式，请根据你的项目类型选择合适的方式：模块化包引入如果你熟悉模块化开发，你的项目本身就是模块化且遵循AMD规范的，那引入echarts将很简单，使用一个符合AMD规范的模块加载器，如esl.js，只需要配置好packages路径指向src即可，你将享受到图表的按需加载等最大的灵活性，由于echarts依赖底层zrender，你需要同时...原创 2017-02-13 21:12:55 · 1649 阅读 · 0 评论