1.使用的是标签式单文件引入echarts，也就是
<script type="text/javascript" src="../js/echarts-all.js"></script>
var ecConfig = require('echarts/config');
导致报错：ReferenceError: require is not defined
正确的做法，非模块化引入，可以使用命名空间直接引用。
var ecConfig = echarts.config;
2. echarts 中如何去掉 图标外框的线，下图的红色边框。
解决方案：
在 options 设置
grid:{
borderWidth:0
}
3. echarts中的事件绑定如何做？
模块化的采用 var echartsEvent= require('echarts/config').EVENT
非模块采用 var echartsEvent= echarts.config.EVENT ( 命名空间和1类似)
使用例子：
myChart.on(echartsEvent.CLICK, function(param){
console.log(param)
});
参考链接： http://echarts.baidu.com/echarts2/doc/example/event.html
/*
事件名
// -------全局通用
REFRESH: 'refresh',
RESTORE: 'restore',
RESIZE: 'resize',
CLICK: 'click',
DBLCLICK: 'dblclick',
HOVER: 'hover',
MOUSEOUT: 'mouseout',
// -------业务交互逻辑
DATA_CHANGED: 'dataChanged',
DATA_ZOOM: 'dataZoom',
DATA_RANGE: 'dataRange',
DATA_RANGE_HOVERLINK: 'dataRangeHoverLink',
LEGEND_SELECTED: 'legendSelected',
LEGEND_HOVERLINK: 'legendHoverLink',
MAP_SELECTED: 'mapSelected',
PIE_SELECTED: 'pieSelected',
MAGIC_TYPE_CHANGED: 'magicTypeChanged',
DATA_VIEW_CHANGED: 'dataViewChanged',
TIMELINE_CHANGED: 'timelineChanged',
MAP_ROAM: 'mapRoam',
*/
4. echarts渐变色的使用， 如何获取 zRender ?
模块化：var zrColor=require('zrender/tool/color');
非模块化 : var zrColor=zrender.tool.color;
实例，创建一个线性渐变色
var linearColor= zrColor.getLinearGradient( 0, 0, 0, 400, [[0, 'yellow'],[0.5, 'red'],[1,'lightgreen']] )
getLinearGradient ( )
线性渐变。（注意：excanvas的渐变坐标并不是全局的，所以多shape共享渐变的设置在IE8-下会有差异。同时，excanvas并不支持strokeColor为渐变类型，请谨慎使用。）
| 参数 | 类型 | 描述 |
|---|---|---|
| x0 | {number} | 渐变起点 |
| y0 | {number} | 渐变起点 |
| x1 | {number} | 渐变终点 |
| y1 | {number} | 渐变终点 |
| colorList | {Array} | 偏移颜色列表 |
| 返回值 | 类型 | 描述 |
| color | {color} | 颜色 |
参考链接： http://ecomfe.github.io/zrender/doc/doc.html#tool.color.getLinearGradient
-
« 上一篇：
webStorm终极问题方案
-
去掉chrome记住密码的方法
：下一篇 »