// 全图默认背景
// 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: {
text:'标题文本', //主標題
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,
textStyle: {
fontSize: 18,
fontWeight:
'bolder'
,
color:
'#333'
// 主标题文字颜色
},
subtext:'副标题',
subtextStyle: {
color:
'#aaa'
// 副标题文字颜色
}
},
// 图例
legend: {
orient:
'horizontal'
,
// 布局方式,默认为水平布局,可选为:
// 'horizontal' ¦ 'vertical'
x:
'center'
,
// 水平安放位置,默认为全图居中,可选为:
// 'center' ¦ 'left' ¦ 'right'
// ¦ {number}(x坐标,单位px)
y:
'top'
,
// 垂直安放位置,默认为全图顶端,可选为:
// 'top' ¦ 'bottom' ¦ 'center'
// ¦ {number}(y坐标,单位px)
backgroundColor:
'rgba(0,0,0,0)'
,
borderColor:
'#ccc'
,
// 图例边框颜色
borderWidth: 0,
// 图例边框线宽,单位px,默认为0(无边框)
padding: 5,
// 图例内边距,单位px,默认各方向内边距为5,
// 接受数组分别设定上右下左边距,同css
itemGap: 10,
// 各个item之间的间隔,单位px,默认为10,
// 横向布局时为水平间隔,纵向布局时为纵向间隔
itemWidth: 20,
// 图例图形宽度
itemHeight: 14,
// 图例图形高度
textStyle: {
color:
'#333'
// 图例文字颜色
},
icon: "circle", // 这个字段控制形状 类型包括 circle,rect ,roundRect,triangle,diamond,pin,arrow,none
},
// 值域
dataRange: {
orient:
'vertical'
,
// 布局方式,默认为垂直布局,可选为:
// 'horizontal' ¦ 'vertical'
x:
'left'
,
// 水平安放位置,默认为全图左对齐,可选为:
// 'center' ¦ 'left' ¦ 'right'
// ¦ {number}(x坐标,单位px)
y:
'bottom'
,
// 垂直安放位置,默认为全图底部,可选为:
// 'top' ¦ 'bottom' ¦ 'center'
// ¦ {number}(y坐标,单位px)
backgroundColor:
'rgba(0,0,0,0)'
,
borderColor:
'#ccc'
,
// 值域边框颜色
borderWidth: 0,
// 值域边框线宽,单位px,默认为0(无边框)
padding: 5,
// 值域内边距,单位px,默认各方向内边距为5,
// 接受数组分别设定上右下左边距,同css
itemGap: 10,
// 各个item之间的间隔,单位px,默认为10,
// 横向布局时为水平间隔,纵向布局时为纵向间隔
itemWidth: 20,
// 值域图形宽度,线性渐变水平布局宽度为该值 * 10
itemHeight: 14,
// 值域图形高度,线性渐变垂直布局高度为该值 * 10
splitNumber: 5,
// 分割段数,默认为5,为0时为线性渐变
color:[
'#1e90ff'
,
'#f0ffff'
],
//颜色
//text:['高','低'], // 文本,默认为数值文本
textStyle: {
color:
'#333'
// 值域文字颜色
}
},
toolbox: {
orient:
'horizontal'
,
// 布局方式,默认为水平布局,可选为:
// 'horizontal' ¦ 'vertical'
x:
'right'
,
// 水平安放位置,默认为全图右对齐,可选为:
// 'center' ¦ 'left' ¦ 'right'
// ¦ {number}(x坐标,单位px)
y:
'top'
,
// 垂直安放位置,默认为全图顶端,可选为:
// 'top' ¦ 'bottom' ¦ 'center'
// ¦ {number}(y坐标,单位px)
color : [
'#1e90ff'
,
'#22bb22'
,
'#4b0082'
,
'#d2691e'
],
backgroundColor:
'rgba(0,0,0,0)'
,
// 工具箱背景颜色
borderColor:
'#ccc'
,
// 工具箱边框颜色
borderWidth: 0,
// 工具箱边框线宽,单位px,默认为0(无边框)
padding: 5,
// 工具箱内边距,单位px,默认各方向内边距为5,
// 接受数组分别设定上右下左边距,同css
itemGap: 10,
// 各个item之间的间隔,单位px,默认为10,
// 横向布局时为水平间隔,纵向布局时为纵向间隔
itemSize: 16,
// 工具箱图形宽度
featureImageIcon : {},
// 自定义图片icon
featureTitle : {
mark :
'辅助线开关'
,
markUndo :
'删除辅助线'
,
markClear :
'清空辅助线'
,
dataZoom :
'区域缩放'
,
dataZoomReset :
'区域缩放后退'
,
dataView :
'数据视图'
,
lineChart :
'折线图切换'
,
barChart :
'柱形图切换'
,
restore :
'还原'
,
saveAsImage :
'保存为图片'
}
},
// 提示框
tooltip: {
trigger:
'item'
,
// 触发类型,默认数据触发,见下图,可选为:'item' ¦ 'axis'
showDelay: 20,
// 显示延迟,添加显示延迟可以避免频繁切换,单位ms
hideDelay: 100,
// 隐藏延迟,单位ms
transitionDuration : 0.4,
// 动画变换时间,单位s