精华内容
参与话题
问答
  • echarts

    千次阅读 2017-11-14 14:42:12
    ECharts,缩写来自Enterprise Charts,商业级数据图表,一个纯Javascript的图表库,可以流畅的运行在PC和移动设备上,兼容当前绝大部分浏览器(IE6/7/8/9/10/11,chrome,firefox,Safari等),底层依赖轻量级的...

    简介

    ECharts,缩写来自Enterprise
    Charts,商业级数据图表,一个纯Javascript的图表库,可以流畅的运行在PC和移动设备上,兼容当前绝大部分浏览器(IE6/7/8/9/10/11,chrome,firefox,Safari等),底层依赖轻量级的Canvas类库ZRender,提供直观,生动,可交互,可高度个性化定制的数据可视化图表。创新的拖拽重计算、数据视图、值域漫游等特性大大增强了用户体验,赋予了用户对数据进行挖掘、整合的能力。

    支持折线图(区域图)、柱状图(条状图)、散点图(气泡图)、K线图、饼图(环形图)、雷达图(填充雷达图)、和弦图、力导向布局图、地图、仪表盘、漏斗图、事件河流图等12类图表,同时提供标题,详情气泡、图例、值域、数据区域、时间轴、工具箱等7个可交互组件,支持多图表、组件的联动和混搭展现。

    这里写图片描述

    引入

    echarts提供3种引入方式,可以根据你的项目类型选择合适的方式:

    1. 模块化包引入

    如果你熟悉模块化开发,你的项目本身就是模块化且遵循AMD规范的,那引入echarts将很简单,使用一个符合AMD规范的模块加载器,如esl.js,只需要配置好packages路径指向src即可,你将享受到图表的按需加载等最大的灵活性,由于echarts依赖底层zrender,你需要同时下载zrender到本地,可参考demo,你需要配置如下。

    需要注意的是,包引入提供了开发阶段最大的灵活性,但并不适合直接上线,减少请求的文件数量是前端性能优化中最基本但很重要的规则,务必在上线时做文件的连接压缩。

    //from echarts example
    require.config({
        packages: [
            {
                name: 'echarts',
                location: '../../src',
                main: 'echarts'
            },
            {
                name: 'zrender',
                location: '../../../zrender/src', // zrender与echarts在同一级目录
                main: 'zrender'
            }
        ]
    });
    1. 模块化单文件引入(推荐)

    如果你使用模块化开发但并没有自己的打包合并环境,或者说你不希望在你的项目里引入第三方库的源文件,我们建议你使用单文件引入,同模块化包引入一样,你需要熟悉模块化开发。

    总结来说,模块化单文件引入ECharts,你需要如下4步:

    1.为ECharts准备一个具备大小(宽高)的Dom(当然可以是动态生成的)
    2.通过script标签引入echarts主文件
    3.为模块加载器配置echarts的路径,从当前页面链接到echarts.js所在目录,见上述说明
    4.动态加载echarts及所需图表然后在回调函数中开始使用(容我罗嗦一句,当你确保同一页面已经加载过echarts,再使用时直接require(‘echarts’).init(dom)就行)

    
    //from echarts example
    <body>
        <div id="main" style="height:400px;"></div>
        ...
        <script src="./js/echarts.js"></script>
        <script type="text/javascript">
            require.config({
                paths: {
                    echarts: './js/dist'
                }
            });
            require(
                [
                    'echarts',
                    'echarts/chart/line',   // 按需加载所需图表,如需动态类型切换功能,别忘了同时加载相应图表
                    'echarts/chart/bar'
                ],
                function (ec) {
                    var myChart = ec.init(document.getElementById('main'));
                    var option = {
                        ...
                    }
                    myChart.setOption(option);
                }
            );
        </script>
    </body>

    详见入门教程:http://echarts.baidu.com/echarts2/doc/start.html

    1. 标签式单文件引入

    rcipt标签引入echarts后将可以直接使用两个全局的命名空间:echarts,zrender,可参考ECharts标签式引入,需要注意的是excanvas依赖body标签插入Canvas节点去判断Canvas的支持,如果你把引用echarts的script标签放置head内在IE8-的浏览器中会出现报错,解决的办法就是把标签移动到body内(后)。

    标签式引入环境中,常用模块的引用可通过命名空间直取,同模块化下的路径结构,如:
    echarts.config = require(‘echarts/config’), zrender.tool.color = require(‘zrender/tool/color’)

    //from echarts example
    <body>
        <div id="main" style="height:400px;"></div>
        ...
        <script src="example/www2/js/dist/echarts-all.js"></script>
        <script>
            var myChart = echarts.init(document.getElementById('main'));
            var option = {
                ...
            }
            myChart.setOption(option);
        </script>
    </body>

    可以直接引入的单文件如下:

    • dist/echarts-all.js : 经过压缩,全图表,包含world,china以及34个省市级地图数据
    • source/echarts-all.js : 未压缩,全图表,包含world,china以及34个省市级地图数据,可用于调试

    详见入门教程:http://echarts.baidu.com/echarts2/doc/start.html

    自定义构建echarts单文件

    详见 echarts-optimizer 安装使用说明:README.md

    初始化

    通过require获得echarts接口(或者命名空间)后可实例化图表,echarts接口仅有一个方法init,执行init时传入一个具备大小的dom节点(width、height可被计算得到即可,不一定可见)后即可实例化出图表对象,图表库实现为多实例的,同一页面可在多个dom上init出多个图表,同一个dom上多次init将自动释放已有实例(1.4.0+)。init方法说明如下:
    这里写图片描述

        var myChart = echarts.init(document.getElementById(id));
    
    
        var option = {
            color: ['#727272', '#5682CB', '#C790B8', '#FACD8A', '#8CCCCB'],
            legend: {
                bottom: "15%",
                right: "2%",
                itemWidth: 8,
                itemHeight:8,
                data: [
                    {
                        name:'0-10dBm',
                        icon : 'circle' // 圆点 ECharts 提供的标记类型包括 'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow'
    也可以通过 'image://url' 设置为图片,其中 url 为图片的链接,或者 dataURI。
    可以通过 'path://' 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式,不用担心因为缩放而产生锯齿或模糊,而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 [SVG PathData](http://www.w3.org/TR/SVG/paths.html#PathData)。可以从 Adobe Illustrator 等工具编辑导出。
                    }, 
                    {
                        name:'11-15dBm',
                        icon : 'circle'
                    },
                    {
                        name:'16-20dBm',
                        icon : 'circle'
                    },
                    {
                        name:'21-25dBm',
                        icon : 'circle'
                    }
                    ,
                    {
                        name:'26-30dBm',
                        icon : 'circle'
                    }
                ],
                formatter:function(name){
                    var datas = option.series;
                    for(var i = 0; i< datas.length ; i++){
                        if(name == datas[i].name){
                            return name +' '+(datas[i].data[0])+ '%';
                        }
                    }
                }
    
            },  tooltip : {
                trigger: 'item',
                formatter: " {a} : <br/>  {c}%"
    
            },
            grid: {
                left: '0%',
                right: '2%',
                top: '40%',
                bottom: '30%',
                width: "98%",
                containLabel: true
            },
            xAxis:  {
                type: 'value',
                max: 100,
                show:false
            },
            yAxis: {
                type: 'category',
                data: ['周一'],
                show:false
            },
            series: [
                {
                    name: '0-10dBm',
                    type: 'bar',
                    stack: '总量',
                    data: [30]
                },
                {
                    name: '11-15dBm',
                    type: 'bar',
                    stack: '总量',
                    data: [12]
                },
                {
                    name: '16-20dBm',
                    type: 'bar',
                    stack: '总量',
                    data: [22]
                },
                {
                    name: '21-25dBm',
                    type: 'bar',
                    stack: '总量',
                    data: [15]
                },
                {
                    name: '26-30dBm',
                    type: 'bar',
                    stack: '总量',
                    data: [21]
                }
            ]
        };
    
    
        myChart.setOption(option);
        window.addEventListener("resize", function () {//每个图 自适应
            myChart.resize();
        });
        myChart.on('click', function (obj){
            console.log(obj)
        });

    选项

    这里写图片描述

    展开全文
  • ECharts介绍及使用方法

    万次阅读 多人点赞 2018-08-23 12:54:37
    前面做项目时用到ECharts,今天特此整理一下,作为笔记,同时希望帮助更多人。 首先简单介绍一下,ECharts是一个纯JavaScript图表库,底层依赖于轻量级的Canvas类库ZRender,基于BSD开原协议,是一款非常优秀的可视...

    前面做项目时用到ECharts,今天特此整理一下,作为笔记,同时希望帮助更多人。

    首先简单介绍一下,ECharts是一个纯JavaScript图表库,底层依赖于轻量级的Canvas类库ZRender,基于BSD开原协议,是一款非常优秀的可视化前端框架。

    官网地址:http://echarts.baidu.com/

    1.首先在官网 选择合适的下载版本

           http://echarts.baidu.com/download.html

    2.引入Echarts

     <script  src="js/echarts.js"></script>

    3.绘制一个简单的图表

          准备一个DOM容器 

     <div style="border:2px solid #666;width:49%;height:450px;float:left" id="chartmain"></div>

    4.创建一个简单的雷达图

    <script type="text/javascript">
    window.onload = function (){
    		//指定图表的配置项和数据
    		option = {
    				//标题	
    			    title: {
    			        text: '基础雷达图'
    			    },
    			    tooltip: {},
    			    legend: {
    			        data: ['预算分配(Allocated Budget)', '实际开销(Actual Spending)']
    			    },
    			    radar: {
    			        // shape: 'circle',
    			        name: {
    			            textStyle: {
    			                color: '#fff',
    			                backgroundColor: '#999',
    			                borderRadius: 3,
    			                padding: [3, 5]
    			           }
    			        },
    			        indicator: [
    			           { name: '销售(sales)', max: 6500},
    			           { name: '管理(Administration)', max: 16000},
    			           { name: '信息技术(Information Techology)', max: 30000},
    			           { name: '客服(Customer Support)', max: 38000},
    			           { name: '研发(Development)', max: 52000},
    			           { name: '市场(Marketing)', max: 25000}
    			        ]
    			    },
    			    series: [{
    			        name: '预算 vs 开销(Budget vs spending)',
    			        type: 'radar',
    			        // areaStyle: {normal: {}},
    			        data : [
    			            {
    			                value : [4300, 10000, 28000, 35000, 50000, 19000],
    			                name : '预算分配(Allocated Budget)'
    			            },
    			             {
    			                value : [5000, 14000, 28000, 31000, 42000, 21000],
    			                name : '实际开销(Actual Spending)'
    			            }
    			        ]
    			    }]
    			};
    			//获取dom容器
    			var myChart = echarts.init(document.getElementById('chartmain'));
    			// 使用刚指定的配置项和数据显示图表。
    			myChart.setOption(option);
    }
    </script>

    这样一个简单的雷达图就ok了,下面看下效果图

              

     5.动态的柱状图

       (1)还是创建一个装ECharts的DOM容器

       (2)后台返回数据

         (3)前台JavaScript代码

              

    <script type="text/javascript">
    
    
      window.onload = function (){
    	//财务看年度的合同金额echart数据源
    	$.ajax({
    		url:'',
    		type:'post',
    		datatype:'json',
    		success : function(data){
    			var partner = new Array();//公司名
    			for(var i=0;i<data.length;i++){
    				partner.push(data[i].partner);
    			} 
    			var odata=[];
    			for(var i=0;i<data.length;i++){
    				var obj={};
    				obj.name=partner[i];
    				obj.type='bar';
    				obj.data=[data[i].qyearOne,data[i].qyearTwo,data[i].qyearThree,data[i].qyearFour,data[i].yearOne,data[i].yearTwo,data[i].yearThree,data[i].yearFour,data[i].hyearOne,data[i].hyearTwo,data[i].hyearThree,data[i].hyearFour];
    				obj.barWidth=30;//宽度
    				odata.push(obj);
    			}
    			option = {
    			    tooltip : {
    			        trigger: 'axis'
    			    },
    			    legend: {
    			        data:partner
    			    },
    			    toolbox: {
    			        show : true,
    			    },
    			    calculable : true,
    			    xAxis : [{
    			            type : 'category',
    			            data :[qyear+'Q1',qyear+'Q2',qyear+'Q3',qyear+'Q4',year+'Q1',year+'Q2',year+'Q3',year+'Q4',hyear+'Q1',hyear+'Q2',hyear+'Q3',hyear+'Q4']
    			        }],
    			    yAxis : [{
    			            type : 'value'
    			        }],
    			     
    			    series : odata //前台组装数据
    			};
                          //获取要赋值的DOM控件
    			  var myChart = echarts.init(document.getElementById('chartmain'));
                          //赋值
    			  myChart.setOption(option);
    		} 
    	});
    </script>

    这样一个前后台交互的柱状图就ok了,效果图如下。

       

    以上就是本文的全部内容,希望对大家的学习有所帮助,欢迎评论交流。能get到知识点不要忘了关注点个赞~ 拒绝白嫖从我们做起hh~ 

    展开全文
  • Vue中引入echarts绘制echarts图表

    万次阅读 2019-09-29 10:29:02
    首先需要安装echarts npm install echarts -S 引入echarts 在main.js中加入下面两行代码 import echarts from 'echarts' Vue.prototype.$echarts = echarts 在某个组件中使用 <template> <...

    首先需要安装echarts

    npm install echarts -S 

    引入echarts

    在main.js中加入下面两行代码

    import echarts from 'echarts'
    Vue.prototype.$echarts = echarts

    在某个组件中使用 

    <template>
      <div id="main" style="width: 600px;height:400px;"></div>
    </template>
    <script>
      let echarts = require('echarts/lib/echarts')
      export default {
        name: 'app',
        mounted () {
          var myeChart=echarts.init(document.getElementById("main"))
            // 指定图表的配置项和数据
          var option = {
            title: {
              text: 'ECharts 入门示例'
            },
            tooltip: {},
            legend: {
              data:['销量']
            },
            xAxis: {
              data: ["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"]
            },
            yAxis: {},
            series: [{
              name: '销量',
              type: 'bar',
              data: [5, 20, 36, 10, 10, 20]
            }]
          };
    
          // 使用刚指定的配置项和数据显示图表。
          myeChart.setOption(option);
        }
      }
    </script>

    效果图是下面红色框出来的部分 

     

    展开全文
  • echarts x轴标签文字过多导致显示不全 如图: 解决办法1:xAxis.axisLabel 属性 axisLabel的类型是object ,主要作用是:坐标轴刻度标签的相关设置。(当然yAxis也是一样有这个属性的) axisLabel: { ...

    echarts x轴标签文字过多导致显示不全

    如图:

    解决办法1:xAxis.axisLabel 属性

    axisLabel的类型是object ,主要作用是:坐标轴刻度标签的相关设置。(当然yAxis也是一样有这个属性的)

                                            axisLabel: {
                                               interval:0,
                                               rotate:40
                                            }

    以上就可解决x轴文字显示不全并将文字倾斜。如图:


    稍微解释一下

    interval

    坐标轴刻度标签的显示间隔(在类目轴中有效哦),默认会采用标签不重叠的方式显示标签(也就是默认会将部分文字显示不全)
    可以设置为0强制显示所有标签,如果设置为1,表示隔一个标签显示一个标签,如果为3,表示隔3个标签显示一个标签,以此类推

    rotate

    标签倾斜的角度,在类目轴的类目标签显示不全时可以通过旋转防止标签重叠(官方这样说的)旋转的角度是-90到90度
    问题又来了,这个名称x轴的文字如果太长会受到遮挡,还是显示不全,这个时候可以用grid属性解决

    grid: {
    left: '10%',
    bottom:'35%'
    },
    

    如图:

    解决办法2:调用formatter文字竖直显示

    一般很多人都习惯办法1的方式虽然不是很完美,但是在一定程度上还是解决了一些问题。在文字不是非常多的情况下还是可以的,感觉还没第一种方法好

    axisLabel中使用formatter回调,formatter有两个参数,使用方法是这样的formatter:function(value,index){} ,value是类目(测试医院A,人民医院),index 是类目索引。

                 axisLabel: {
                                                interval: 0,
                                                formatter:function(value)
                                                {
                                                    return value.split("").join("\n");
                                                }
                                            }

    如图:

    文字竖直这个formatter实在有点太简单化了,所以我们来做一个两个字的加\n的换行。formatter如下:

           axisLabel: {
                                                interval: 0,
                                                formatter:function(value)
                                                {
                                                    debugger
                                                    var ret = "";//拼接加\n返回的类目项
                                                    var maxLength = 2;//每项显示文字个数
                                                    var valLength = value.length;//X轴类目项的文字个数
                                                    var rowN = Math.ceil(valLength / maxLength); //类目项需要换行的行数
                                                    if (rowN > 1)//如果类目项的文字大于3,
                                                    {
                                                        for (var i = 0; i < rowN; i++) {
                                                            var temp = "";//每次截取的字符串
                                                            var start = i * maxLength;//开始截取的位置
                                                            var end = start + maxLength;//结束截取的位置
                                                            //这里也可以加一个是否是最后一行的判断,但是不加也没有影响,那就不加吧
                                                            temp = value.substring(start, end) + "\n";
                                                            ret += temp; //凭借最终的字符串
                                                        }
                                                        return ret;
                                                    }
                                                    else {
                                                        return value;
                                                    }
                                                }
                                            }

    效果如图

    解决办法3:X轴类目项隔一个换行(使用formatter中index参数)

    都是上面的第二种方法是利用formatter中的value参数实现了文字拼接\n换行的,但是index参数并没有使用,现在我们就一起来使用这两个参数实现隔一个类目项换行。

    效果如图:

    代码比较简单:

                axisLabel: {
                                                interval: 0,
                                                formatter:function(value,index)
                                                {
                                                    debugger
                                                    if (index % 2 != 0) {
                                                        return '\n\n' + value;
                                                    }
                                                    else {
                                                        return value;
                                                    }
                                                }
                                            }

    这种做法是我比较推荐的一种。以上几种方法基本上能解决问题,但是都不是很完美。

    大家可能会遇到共同的一个 

    估计大家都会碰到这样的一个问题,因为这个数据几乎都是动态的,xAxis类目轴的类目数很少的时候都能显示出来,就没有必要这样倾斜。那咋办呢?这的确有点尴尬,似乎好像没有解决的方法,真的有点尴尬,如果你有可以告诉我,谢谢!

    作者:张林

    标题:echarts x轴文字显示不全(xAxis文字倾斜比较全面的3种做法值得推荐)http://blog.csdn.net/kebi007/article/details/68488694

    转载随意注明出处

    有兴趣的可以关注一下我的公众号,每天分享一篇it技术、面试技巧、技术感想的文章

     

    展开全文
  • echarts geoJson 地图

    2016-01-06 12:29:40
    -- 3、模块加载器配置echarts和所需图表的路径(相对路径为从当前页面链接到echarts.js)--> // 路径配置 require.config({ paths: { echarts: './echarts/build/dist' } }); //-- 4、标签内动态加载...
  • 百度Echarts示例-echarts-demo

    千次下载 热门讨论 2013-11-29 10:18:16
    百度Echarts示例-echarts-demo 折线图 Line 饼状图 Pie 柱状图 Bar 中国地图 ChinaMap
  • echarts】柱状图上方显示数值

    万次阅读 多人点赞 2018-07-18 17:03:33
    使用官网的例子,只不过加了itemStyle属性 <!DOCTYPE html> <head> <meta charset="utf-8"> <title>ECharts<...-- 为ECharts准备一个具备大小(宽高)的Dom --> &...
  • Echarts图例位置 - legend属性

    万次阅读 多人点赞 2019-06-14 16:54:27
    @如何设置Echarts图例位置 Echarts可以帮助我们快速构建柱状图、饼图、条形图,这对于多图形化展示数据来说尤其方便,可帮助我们快速开发。 不过我们在使用Echarts过程中经常会遇到如下问题:图例经常不知道如何调节...
  • ECharts-Java使用Java快速开发ECharts图表

    万次阅读 多人点赞 2015-01-28 09:45:03
    大概在5个月前的时候,有个项目需要用到图表,百度ECharts很不错,就选择了ECharts。 我的项目是SpringMVC + Mybatis,当从数据库获取数据后,我不知道该如何处理这些数据了,是传到前台拼ECharts的Option结构还是在...
  • echarts3.0 引用json地图

    2016-01-18 01:05:31
    echarts3.0有两个引入地图的方式, http://echarts.baidu.com/download-map.html 我用js的方法引入成功了,但是用json的方法就是看不到地图(火狐也看不到),空白一片 以下是我的目录结构 F:\MyEcharts3.0 -china....
  • Echarts 柱形图最全详解

    万次阅读 多人点赞 2018-04-15 00:11:47
    Echarts 柱形图
  • Echarts图表响应式问题

    2019-03-07 21:21:57
    最近刚开始接触Echarts可视化图标,使用的是bootstrap框架。bootstrap框架做出来的是响应式页面,但是发现Echarts的图表并不随之变化。最后在网上找到了几个方法。但是发现无论怎调整页面大小,图标依然是宽400px,...
  • 从后台得到json格式的字符串,需要把其中的数据显示到前台的地图上,发现Echarts中的data 需要的是下面这种格式的数据,这是什么格式,怎么转换,高分求解! ``` [ { name : "广州", value : 38 ...
  • 关于echarts创建多边形

    2017-11-14 09:02:18
    points: echarts.graphic.clipPointsByRect(CX[j], { x: params.coordSys.x, y: params.coordSys.y, width: params.coordSys.width + 10000, height: ...
  • 选择了很多JS图表组件,amchart、highchart、echarts等,最终决定使用echarts,数据量大时加载速度也很理想。问题来了,由于echarts没有专门的甘特图,我们使用了堆积图展示数据,但是如果数据里出现2条以上相同开始...
  • <script src="/Resource/plugins/echarts/build/dist/echarts.js"> <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=PcBFxv6cZGQEPpDnvojAtQZC"></script> $(document).ready...
  • Echarts柱状图点击事件

    2017-08-04 08:28:03
    // 基于准备好的dom,初始化echarts实例 var myChart = echarts.init(document.getElementById('main'),'macarons'); window.onresize = function(){ myChart.resize(); }; // 指定图表的配置项和数据 var ...
  • height:350px" data-toggle="echarts" data-type="map" data-url="pop/echarts-mapData.html"></div> ``` 二。其中,data-url="pop/echarts-mapData.html",引入的是一个外部html页面,但是里面是死...
  • ECharts 之引用ECharts

    万次阅读 2016-11-24 14:46:14
    获取ECharts 从官网下载界面选择你需要的版本下载,根据开发者功能和体积上的需求,我们提供了不同打包的下载,如果你在体积上没有要求,可以直接下载完整版本。开发环境建议下载源代码版本,包含了常见的错误提示和...
  • 所用源码为Echarts百度官网的源代码 ``` <!DOCTYPE html> 大家好 <!-- 为ECharts准备一个具备大小(宽高)的Dom --> <div id="main" style="height:400px"></div> <!-- ECharts单文件引入...
  • 我们用的工具是 QlikSense ,这是在调用echarts的时候的问题。 如图:由于数据量大,我在接收数据时,我把数据存在一个数组 存储代码如下 data 的两个个元素分别是两个字段数据。 这里把两个元素的数据分别...
  • Echarts设置点击事件

    万次阅读 2018-09-15 11:21:25
    通常在使用Echarts画图之后会碰到一个需求,通过点击生成后图形具体某一项来传递相应的参数然后进行一个页面的跳转,当我遇到这个需求第一就想到了用on绑定点击事件的方法,然后就在代码上进行尝试,果然可以实现这...
  • 基于 Echarts 实现可视化数据大屏展示

    万次阅读 多人点赞 2019-09-05 15:28:48
    收集了一套基于 Echarts 实现可视化数据大屏响应式展示效果的源码,共计30个页面,可以在此基础上重新开发。 实现方式:html + Echarts 贴图 有需要的可以联系我 暂时不开源,之后会考虑写教程和开源项目。 ...
  • <title>ECharts <!-- 引入 echarts.js --> <script src="echarts.min.js"> <!-- 为ECharts准备一个具备大小(宽高)的Dom --> ;height:400px;"> // 基于准备好的dom,初始化echarts实例 var myChart = ...
  • type:bar 柱形图的行高和宽度(条间距离)设置 百度图表柱形图的bar之间的行高?好像在文档没找到对应属性,只有barGap和barCategoryGap,但单独设置这两个一般还达不到我们想要的“条间距”显示效果,可以试试...
  • echarts: GLOBAL.WEBROOT+'/js-busi/track' } }); require( [ 'echarts', 'echarts/chart/bar' ],DrawEChart); function DrawEChart(ec){ var myChart = ec.init(document.getElementById...
  • echarts中如何使用timeline组件

    万次阅读 2017-03-08 21:25:42
    1.吃碗面 ...当我看了echarts3关于timeline的使用,我就觉得我有必要写一篇Echarts中timeline组件的使用。这玩意东西时间久了,真心容易忘,就当是做个备忘吧。 这里还是要再说两句,百度的echa...
  • [ECharts]"echarts/config" is not exists

    万次阅读 2014-09-26 11:40:33
    今天在给Echarts折线图中的数据点增加点击事件的时候发现

空空如也

1 2 3 4 5 ... 20
收藏数 39,635
精华内容 15,854
关键字:

echarts