echarts自定义样式(一)
使用说明
ECharts 是一个使用 JavaScript 实现的开源可视化库,涵盖各行业图表,满足各种需求。然而官方提供的案例样式过于单调,而实际工作中UI的特殊需求就需要前端去修改相关参数。这里提供一些常用的特殊样式案例,仅供参考,不足之处还望指出。
legend自定义图标
相关配置:icon:‘image://图片路径’
例:
legend: {
data:[
{
name:'常住',
icon:'image://images/i1.png'
},
{
name:'暂住',
icon:'image://images/i2.png'
}
],
top:'3%', //图例组件离顶部的距离
right:'6%',
itemWidth:20,
itemHeight:20,
itemGap:20,
textStyle:{ //图例文字的样式
color:'#fff',
// fontSize:14
}
},
效果图: