webstorm绝对路径引入echarts_echarts中遇到的各种问题汇总

1.使用的是标签式单文件引入echarts，也就是

varecConfig = require('echarts/config');

导致报错：ReferenceError: require is not defined

正确的做法，非模块化引入，可以使用命名空间直接引用。

varecConfig = 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)

});

/*

事件名

// -------全局通用

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}颜色