2024年3月24日发(作者:)

echarts各个配置项详细说明总结

最近有个朋友在做关于各种图表的项目,用到了echarts,关于各个配置项刚开始用好多都不懂,

有些地方需要改不知道改哪个参数,就在网上查了各种,找到了一个不错的总结,分享给大家。(e

charts官网也有配置项说明文档。)

theme = {

// 全图默认背景

// backgroundColor: 'rgba(0,0,0,0)',

// 默认色板

color: ['#ff7f50','#87cefa','#da70d6','#32cd32','#6495ed',

'#ff69b4','#ba55d3','#cd5c5c','#ffa500','#40e0d0',

'#1e90ff','#ff6347','#7b68ee','#00fa9a','#ffd700',

'#6699FF','#ff6666','#3cb371','#b8860b','#30e0e0'],

// 图表标题

title: {

x: 'left', // 水平安放位置,默认为左对齐,可选为:

// 'center' ¦ 'left' ¦ 'right'

// ¦ {number}(x坐标,单位px)

y: 'top', // 垂直安放位置,默认为全图顶端,可选为:

// 'top' ¦ 'bottom' ¦ 'center'

// ¦ {number}(y坐标,单位px)

//textAlign: null // 水平对齐方式,默认根据x设置自动调整

backgroundColor: 'rgba(0,0,0,0)',

borderColor: '#ccc', // 标题边框颜色

borderWidth: 0, // 标题边框线宽,单位px,默认为0(无边框)

padding: 5, // 标题内边距,单位px,默认各方向内边距为5,

// 接受数组分别设定上右下左边距,同css

itemGap: 10, // 主副标题纵向间隔,单位px,默认为10,