1358 lines
57 KiB
JavaScript
1358 lines
57 KiB
JavaScript
|
/**
|
|||
|
|
* echarts默认配置项
|
|||
|
|
*
|
|||
|
|
* @desc echarts基于Canvas，纯Javascript图表库，提供直观，生动，可交互，可个性化定制的数据统计图表。
|
|||
|
|
* @author Kener (@Kener-林峰, kener.linfeng@gmail.com)
|
|||
|
|
*
|
|||
|
|
*/
|
|||
|
|
//define(function() {
|
|||
|
|
// 请原谅我这样写，这显然可以直接返回个对象，但那样的话outline就显示不出来了~~
|
|||
|
|
var echartsConfig = {
|
|||
|
|
// 全图默认背景
|
|||
|
|
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: {
|
|||
|
|
zlevel: 0, // 一级层叠
|
|||
|
|
z: 6, // 二级层叠
|
|||
|
|
show: true,
|
|||
|
|
text: '',
|
|||
|
|
link: null, // 超链接跳转
|
|||
|
|
target: null, // 仅支持self | blank
|
|||
|
|
subtext: '',
|
|||
|
|
sublink: null, // 超链接跳转
|
|||
|
|
subtarget: null, // 仅支持self | blank
|
|||
|
|
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: 5, // 主副标题纵向间隔，单位px，默认为10，
|
|||
|
|
textStyle: {
|
|||
|
|
fontSize: 18,
|
|||
|
|
fontWeight: 'bolder',
|
|||
|
|
color: '#333' // 主标题文字颜色
|
|||
|
|
},
|
|||
|
|
subtextStyle: {
|
|||
|
|
color: '#aaa' // 副标题文字颜色
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
// 图例
|
|||
|
|
legend: {
|
|||
|
|
zlevel: 0, // 一级层叠
|
|||
|
|
z: 4, // 二级层叠
|
|||
|
|
show: true,
|
|||
|
|
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' // 图例文字颜色
|
|||
|
|
},
|
|||
|
|
selectedMode: true, // 选择模式，默认开启图例开关
|
|||
|
|
selected: null, // 配置默认选中状态，可配合LEGEND.SELECTED事件做动态数据载入
|
|||
|
|
data: [] // 图例内容（详见legend.data，数组中每一项代表一个item
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
// 值域
|
|||
|
|
dataRange: {
|
|||
|
|
zlevel: 0, // 一级层叠
|
|||
|
|
z: 4, // 二级层叠
|
|||
|
|
show: true,
|
|||
|
|
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
|
|||
|
|
min: null, // 最小值
|
|||
|
|
max: null, // 最大值
|
|||
|
|
precision: 0, // 小数精度，默认为0，无小数点
|
|||
|
|
splitNumber: 5, // 分割段数，默认为5，为0时为线性渐变
|
|||
|
|
calculable: false, // 是否值域漫游，启用后无视splitNumber，线性渐变
|
|||
|
|
selectedMode: true, // 选择模式，默认开启值域开关
|
|||
|
|
hoverLink: true,
|
|||
|
|
realtime: true,
|
|||
|
|
color:['#006edd','#e0ffff'],//颜色
|
|||
|
|
formatter: null,
|
|||
|
|
text:null, // 文本，默认为数值文本
|
|||
|
|
textStyle: {
|
|||
|
|
color: '#333' // 值域文字颜色
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
toolbox: {
|
|||
|
|
zlevel: 0, // 一级层叠
|
|||
|
|
z: 6, // 二级层叠
|
|||
|
|
show: false,
|
|||
|
|
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'],
|
|||
|
|
disableColor: '#ddd',
|
|||
|
|
effectiveColor: 'red',
|
|||
|
|
backgroundColor: 'rgba(0,0,0,0)', // 工具箱背景颜色
|
|||
|
|
borderColor: '#ccc', // 工具箱边框颜色
|
|||
|
|
borderWidth: 0, // 工具箱边框线宽，单位px，默认为0（无边框）
|
|||
|
|
padding: 5, // 工具箱内边距，单位px，默认各方向内边距为5，
|
|||
|
|
// 接受数组分别设定上右下左边距，同css
|
|||
|
|
itemGap: 10, // 各个item之间的间隔，单位px，默认为10，
|
|||
|
|
// 横向布局时为水平间隔，纵向布局时为纵向间隔
|
|||
|
|
itemSize: 16, // 工具箱图形宽度
|
|||
|
|
showTitle: true,
|
|||
|
|
textStyle: {},
|
|||
|
|
feature: {
|
|||
|
|
mark: {
|
|||
|
|
show: false,
|
|||
|
|
title: {
|
|||
|
|
mark: '辅助线开关',
|
|||
|
|
markUndo: '删除辅助线',
|
|||
|
|
markClear: '清空辅助线'
|
|||
|
|
},
|
|||
|
|
lineStyle: {
|
|||
|
|
width: 1,
|
|||
|
|
color: '#1e90ff',
|
|||
|
|
type: 'dashed'
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
dataZoom: {
|
|||
|
|
show: false,
|
|||
|
|
title: {
|
|||
|
|
dataZoom: '区域缩放',
|
|||
|
|
dataZoomReset: '区域缩放后退'
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
dataView: {
|
|||
|
|
show: false,
|
|||
|
|
title: '数据视图',
|
|||
|
|
readOnly: false,
|
|||
|
|
lang: ['数据视图', '关闭', '刷新']
|
|||
|
|
},
|
|||
|
|
magicType: {
|
|||
|
|
show: false,
|
|||
|
|
title: {
|
|||
|
|
line: '折线图切换',
|
|||
|
|
bar: '柱形图切换',
|
|||
|
|
stack: '堆积',
|
|||
|
|
tiled: '平铺',
|
|||
|
|
force: '力导向布局图切换',
|
|||
|
|
chord: '和弦图切换',
|
|||
|
|
pie: '饼图切换',
|
|||
|
|
funnel: '漏斗图切换'
|
|||
|
|
},
|
|||
|
|
option: {
|
|||
|
|
line: {},
|
|||
|
|
bar: {},
|
|||
|
|
stack: {},
|
|||
|
|
tiled: {},
|
|||
|
|
force: {},
|
|||
|
|
chord: {},
|
|||
|
|
pie: {},
|
|||
|
|
funnel: {}
|
|||
|
|
},
|
|||
|
|
type: [] // 'line', 'bar', 'stack', 'tiled', 'force', 'chord', 'pie', 'funnel'
|
|||
|
|
},
|
|||
|
|
restore: {
|
|||
|
|
show: false,
|
|||
|
|
title: '还原'
|
|||
|
|
},
|
|||
|
|
saveAsImage: {
|
|||
|
|
show: false,
|
|||
|
|
title: '保存为图片',
|
|||
|
|
type: 'png',
|
|||
|
|
lang: ['点击保存']
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
// 提示框
|
|||
|
|
tooltip: {
|
|||
|
|
zlevel: 1, // 一级层叠，频繁变化的tooltip指示器在pc上独立一层
|
|||
|
|
z: 8, // 二级层叠
|
|||
|
|
show: true,
|
|||
|
|
showContent: true, // tooltip主体内容
|
|||
|
|
trigger: 'item', // 触发类型，默认数据触发，见下图，可选为：'item' ¦ 'axis'
|
|||
|
|
position : null,
|
|||
|
|
formatter: null, // 内容格式器：{string}（Template） ¦ {Function}
|
|||
|
|
islandFormatter: '{a} <br/>{b} : {c}', // 数据孤岛内容格式器，非标准参数
|
|||
|
|
showDelay: 20, // 显示延迟，添加显示延迟可以避免频繁切换，单位ms
|
|||
|
|
hideDelay: 100, // 隐藏延迟，单位ms
|
|||
|
|
transitionDuration: 0.4, // 动画变换时间，单位s
|
|||
|
|
enterable: false,
|
|||
|
|
backgroundColor: 'rgba(0,0,0,0.7)', // 提示背景颜色，默认为透明度为0.7的黑色
|
|||
|
|
borderColor: '#333', // 提示边框颜色
|
|||
|
|
borderRadius: 4, // 提示边框圆角，单位px，默认为4
|
|||
|
|
borderWidth: 0, // 提示边框线宽，单位px，默认为0（无边框）
|
|||
|
|
padding: 5, // 提示内边距，单位px，默认各方向内边距为5，
|
|||
|
|
// 接受数组分别设定上右下左边距，同css
|
|||
|
|
axisPointer: { // 坐标轴指示器，坐标轴触发有效
|
|||
|
|
type: 'line', // 默认为直线，可选为：'line' | 'shadow' | 'cross'
|
|||
|
|
lineStyle: { // 直线指示器样式设置
|
|||
|
|
color: '#48b',
|
|||
|
|
width: 2,
|
|||
|
|
type: 'solid'
|
|||
|
|
},
|
|||
|
|
crossStyle: {
|
|||
|
|
color: '#1e90ff',
|
|||
|
|
width: 1,
|
|||
|
|
type: 'dashed'
|
|||
|
|
},
|
|||
|
|
shadowStyle: { // 阴影指示器样式设置
|
|||
|
|
color: 'rgba(150,150,150,0.3)', // 阴影颜色
|
|||
|
|
width: 'auto', // 阴影大小
|
|||
|
|
type: 'default'
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
textStyle: {
|
|||
|
|
color: '#fff'
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
// 区域缩放控制器
|
|||
|
|
dataZoom: {
|
|||
|
|
zlevel: 0, // 一级层叠
|
|||
|
|
z: 4, // 二级层叠
|
|||
|
|
show: false,
|
|||
|
|
orient: 'horizontal', // 布局方式，默认为水平布局，可选为：
|
|||
|
|
// 'horizontal' ¦ 'vertical'
|
|||
|
|
x: null, // 水平安放位置，默认为根据grid参数适配，可选为：
|
|||
|
|
// {number}（x坐标，单位px）
|
|||
|
|
y: null, // 垂直安放位置，默认为根据grid参数适配，可选为：
|
|||
|
|
// {number}（y坐标，单位px）
|
|||
|
|
//width: {number}, // 指定宽度，横向布局时默认为根据grid参数适配
|
|||
|
|
//height: {number}, // 指定高度，纵向布局时默认为根据grid参数适配
|
|||
|
|
backgroundColor: 'rgba(0,0,0,0)', // 背景颜色
|
|||
|
|
dataBackgroundColor: '#eee', // 数据背景颜色
|
|||
|
|
fillerColor: 'rgba(144,197,237,0.2)', // 填充颜色
|
|||
|
|
handleColor: 'rgba(70,130,180,0.8)', // 手柄颜色
|
|||
|
|
handleSize: 8,
|
|||
|
|
showDetail: true,
|
|||
|
|
xAxisIndex: [], // 默认控制所有横向类目
|
|||
|
|
yAxisIndex: [], // 默认控制所有横向类目
|
|||
|
|
start: 0, // 默认为0
|
|||
|
|
end: 100, // 默认为全部 100%
|
|||
|
|
realtime: true,
|
|||
|
|
zoomLock: false // 是否锁定选择区域大小
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
// 网格
|
|||
|
|
grid: {
|
|||
|
|
zlevel: 0, // 一级层叠
|
|||
|
|
z: 0, // 二级层叠
|
|||
|
|
x: 80,
|
|||
|
|
y: 60,
|
|||
|
|
x2: 80,
|
|||
|
|
y2: 60,
|
|||
|
|
width: null,
|
|||
|
|
height: null,
|
|||
|
|
backgroundColor: 'rgba(0,0,0,0)',
|
|||
|
|
borderWidth: 1,
|
|||
|
|
borderColor: '#ccc'
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
// 类目轴
|
|||
|
|
categoryAxis: {
|
|||
|
|
zlevel: 0, // 一级层叠
|
|||
|
|
z: 0, // 二级层叠
|
|||
|
|
show: true,
|
|||
|
|
position: 'bottom', // 位置
|
|||
|
|
name: '', // 坐标轴名字，默认为空
|
|||
|
|
nameLocation: 'end', // 坐标轴名字位置，支持'start' | 'end'
|
|||
|
|
nameTextStyle: {}, // 坐标轴文字样式，默认取全局样式
|
|||
|
|
boundaryGap: true, // 类目起始和结束两端空白策略
|
|||
|
|
axisLine: { // 坐标轴线
|
|||
|
|
show: true, // 默认显示，属性show控制显示与否
|
|||
|
|
onZero: true,
|
|||
|
|
lineStyle: { // 属性lineStyle控制线条样式
|
|||
|
|
color: '#48b',
|
|||
|
|
width: 2,
|
|||
|
|
type: 'solid'
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
axisTick: { // 坐标轴小标记
|
|||
|
|
show: true, // 属性show控制显示与否，默认不显示
|
|||
|
|
interval: 'auto',
|
|||
|
|
inside: false, // 控制小标记是否在grid里
|
|||
|
|
onGap: null,
|
|||
|
|
length :5, // 属性length控制线长
|
|||
|
|
lineStyle: { // 属性lineStyle控制线条样式
|
|||
|
|
color: '#333',
|
|||
|
|
width: 1
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
axisLabel: { // 坐标轴文本标签，详见axis.axisLabel
|
|||
|
|
show: true,
|
|||
|
|
interval: 'auto',
|
|||
|
|
rotate: 0,
|
|||
|
|
margin: 8,
|
|||
|
|
clickable: false,
|
|||
|
|
formatter: null,
|
|||
|
|
textStyle: { // 其余属性默认使用全局文本样式，详见TEXTSTYLE
|
|||
|
|
color: '#333'
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
splitLine: { // 分隔线
|
|||
|
|
show: true, // 默认显示，属性show控制显示与否
|
|||
|
|
onGap: null,
|
|||
|
|
lineStyle: { // 属性lineStyle（详见lineStyle）控制线条样式
|
|||
|
|
color: ['#ccc'],
|
|||
|
|
width: 1,
|
|||
|
|
type: 'solid'
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
splitArea: { // 分隔区域
|
|||
|
|
show: false, // 默认不显示，属性show控制显示与否
|
|||
|
|
// onGap: null,
|
|||
|
|
areaStyle: { // 属性areaStyle（详见areaStyle）控制区域样式
|
|||
|
|
color: ['rgba(250,250,250,0.3)','rgba(200,200,200,0.3)']
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
// 数值型坐标轴默认参数
|
|||
|
|
valueAxis: {
|
|||
|
|
zlevel: 0, // 一级层叠
|
|||
|
|
z: 0, // 二级层叠
|
|||
|
|
show: true,
|
|||
|
|
position: 'left', // 位置
|
|||
|
|
name: '', // 坐标轴名字，默认为空
|
|||
|
|
nameLocation: 'end', // 坐标轴名字位置，支持'start' | 'end'
|
|||
|
|
nameTextStyle: {}, // 坐标轴文字样式，默认取全局样式
|
|||
|
|
boundaryGap: [0, 0], // 数值起始和结束两端空白策略
|
|||
|
|
min: null, // 最小值
|
|||
|
|
max: null, // 最大值
|
|||
|
|
scale: false, // 脱离0值比例，放大聚焦到最终_min，_max区间
|
|||
|
|
splitNumber: null, // 分割段数
|
|||
|
|
axisLine: { // 坐标轴线
|
|||
|
|
show: true, // 默认显示，属性show控制显示与否
|
|||
|
|
onZero: true,
|
|||
|
|
lineStyle: { // 属性lineStyle控制线条样式
|
|||
|
|
color: '#48b',
|
|||
|
|
width: 2,
|
|||
|
|
type: 'solid'
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
axisTick: { // 坐标轴小标记
|
|||
|
|
show: false, // 属性show控制显示与否，默认不显示
|
|||
|
|
inside: false, // 控制小标记是否在grid里
|
|||
|
|
length :5, // 属性length控制线长
|
|||
|
|
lineStyle: { // 属性lineStyle控制线条样式
|
|||
|
|
color: '#333',
|
|||
|
|
width: 1
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
axisLabel: { // 坐标轴文本标签，详见axis.axisLabel
|
|||
|
|
show: true,
|
|||
|
|
rotate: 0,
|
|||
|
|
margin: 8,
|
|||
|
|
clickable: false,
|
|||
|
|
formatter: null,
|
|||
|
|
textStyle: { // 其余属性默认使用全局文本样式，详见TEXTSTYLE
|
|||
|
|
color: '#333'
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
splitLine: { // 分隔线
|
|||
|
|
show: true, // 默认显示，属性show控制显示与否
|
|||
|
|
lineStyle: { // 属性lineStyle（详见lineStyle）控制线条样式
|
|||
|
|
color: ['#ccc'],
|
|||
|
|
width: 1,
|
|||
|
|
type: 'solid'
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
splitArea: { // 分隔区域
|
|||
|
|
show: false, // 默认不显示，属性show控制显示与否
|
|||
|
|
areaStyle: { // 属性areaStyle（详见areaStyle）控制区域样式
|
|||
|
|
color: ['rgba(250,250,250,0.3)','rgba(200,200,200,0.3)']
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
polar: {
|
|||
|
|
zlevel: 0, // 一级层叠
|
|||
|
|
z: 0, // 二级层叠
|
|||
|
|
center: ['50%', '50%'], // 默认全局居中
|
|||
|
|
radius: '75%',
|
|||
|
|
startAngle: 90,
|
|||
|
|
boundaryGap: [0, 0], // 数值起始和结束两端空白策略
|
|||
|
|
splitNumber: 5,
|
|||
|
|
name: {
|
|||
|
|
show: true,
|
|||
|
|
formatter: null,
|
|||
|
|
textStyle: { // 其余属性默认使用全局文本样式，详见TEXTSTYLE
|
|||
|
|
color: '#333'
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
axisLine: { // 坐标轴线
|
|||
|
|
show: true, // 默认显示，属性show控制显示与否
|
|||
|
|
lineStyle: { // 属性lineStyle控制线条样式
|
|||
|
|
color: '#ccc',
|
|||
|
|
width: 1,
|
|||
|
|
type: 'solid'
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
axisLabel: { // 坐标轴文本标签，详见axis.axisLabel
|
|||
|
|
show: false,
|
|||
|
|
formatter: null,
|
|||
|
|
textStyle: { // 其余属性默认使用全局文本样式，详见TEXTSTYLE
|
|||
|
|
color: '#333'
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
splitArea: {
|
|||
|
|
show: true,
|
|||
|
|
areaStyle: {
|
|||
|
|
color: ['rgba(250,250,250,0.3)','rgba(200,200,200,0.3)']
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
splitLine: {
|
|||
|
|
show: true,
|
|||
|
|
lineStyle: {
|
|||
|
|
width: 1,
|
|||
|
|
color: '#ccc'
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
type: 'polygon',
|
|||
|
|
indicator : []
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
timeline: {
|
|||
|
|
zlevel: 0, // 一级层叠
|
|||
|
|
z: 4, // 二级层叠
|
|||
|
|
show: true,
|
|||
|
|
type: 'time', // 模式是时间类型，支持 number
|
|||
|
|
notMerge: false,
|
|||
|
|
realtime: true,
|
|||
|
|
x: 80,
|
|||
|
|
y: null,
|
|||
|
|
x2: 80,
|
|||
|
|
y2: 0,
|
|||
|
|
width: null,
|
|||
|
|
height: 50,
|
|||
|
|
backgroundColor: 'rgba(0,0,0,0)', // 时间轴背景颜色
|
|||
|
|
borderColor: '#ccc', // 时间轴边框颜色
|
|||
|
|
borderWidth: 0, // 时间轴边框线宽，单位px，默认为0（无边框）
|
|||
|
|
padding: 5, // 时间轴内边距，单位px，默认各方向内边距为5，
|
|||
|
|
controlPosition: 'left', // 'right' | 'none'
|
|||
|
|
autoPlay: false,
|
|||
|
|
loop: true,
|
|||
|
|
playInterval: 2000, // 播放时间间隔，单位ms
|
|||
|
|
lineStyle: {
|
|||
|
|
width: 1,
|
|||
|
|
color: '#666',
|
|||
|
|
type: 'dashed'
|
|||
|
|
},
|
|||
|
|
label: { // 文本标签
|
|||
|
|
show: true,
|
|||
|
|
interval: 'auto',
|
|||
|
|
rotate: 0,
|
|||
|
|
formatter: null,
|
|||
|
|
textStyle: { // 其余属性默认使用全局文本样式，详见TEXTSTYLE
|
|||
|
|
color: '#333'
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
checkpointStyle: {
|
|||
|
|
symbol: 'auto',
|
|||
|
|
symbolSize: 'auto',
|
|||
|
|
color: 'auto',
|
|||
|
|
borderColor: 'auto',
|
|||
|
|
borderWidth: 'auto',
|
|||
|
|
label: { // 文本标签
|
|||
|
|
show: false,
|
|||
|
|
textStyle: { // 其余属性默认使用全局文本样式，详见TEXTSTYLE
|
|||
|
|
color: 'auto'
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
controlStyle: {
|
|||
|
|
itemSize: 15,
|
|||
|
|
itemGap: 5,
|
|||
|
|
normal: { color: '#333'},
|
|||
|
|
emphasis: { color: '#1e90ff'}
|
|||
|
|
},
|
|||
|
|
symbol: 'emptyDiamond',
|
|||
|
|
symbolSize: 4,
|
|||
|
|
currentIndex: 0,
|
|||
|
|
data: null
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
roamController: {
|
|||
|
|
zlevel: 0, // 一级层叠
|
|||
|
|
z: 4, // 二级层叠
|
|||
|
|
show: true,
|
|||
|
|
x: 'left', // 水平安放位置，默认为全图左对齐，可选为：
|
|||
|
|
// 'center' ¦ 'left' ¦ 'right'
|
|||
|
|
// ¦ {number}（x坐标，单位px）
|
|||
|
|
y: 'top', // 垂直安放位置，默认为全图顶端，可选为：
|
|||
|
|
// 'top' ¦ 'bottom' ¦ 'center'
|
|||
|
|
// ¦ {number}（y坐标，单位px）
|
|||
|
|
width: 80,
|
|||
|
|
height: 120,
|
|||
|
|
backgroundColor: 'rgba(0,0,0,0)',
|
|||
|
|
borderColor: '#ccc', // 图例边框颜色
|
|||
|
|
borderWidth: 0, // 图例边框线宽，单位px，默认为0（无边框）
|
|||
|
|
padding: 5, // 图例内边距，单位px，默认各方向内边距为5，
|
|||
|
|
// 接受数组分别设定上右下左边距，同css
|
|||
|
|
handleColor: '#6495ed',
|
|||
|
|
fillerColor: '#fff',
|
|||
|
|
step: 15, // 移动幅度
|
|||
|
|
mapTypeControl: null
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
// 柱形图默认参数
|
|||
|
|
bar: {
|
|||
|
|
zlevel: 0, // 一级层叠
|
|||
|
|
z: 2, // 二级层叠
|
|||
|
|
clickable: true,
|
|||
|
|
legendHoverLink: true,
|
|||
|
|
stack: null,
|
|||
|
|
xAxisIndex: 0,
|
|||
|
|
yAxisIndex: 0,
|
|||
|
|
barMinHeight: 0,
|
|||
|
|
barWidth: null, // 默认自适应
|
|||
|
|
barGap: '30%', // 柱间距离，默认为柱形宽度的30%，可设固定值
|
|||
|
|
barCategoryGap: '20%', // 类目间柱形距离，默认为类目间距的20%，可设固定值
|
|||
|
|
itemStyle: {
|
|||
|
|
normal: {
|
|||
|
|
color: null,
|
|||
|
|
barBorderColor: '#fff', // 柱条边线
|
|||
|
|
barBorderRadius: 0, // 柱条边线圆角，单位px，默认为0
|
|||
|
|
barBorderWidth: 0, // 柱条边线线宽，单位px，默认为1
|
|||
|
|
label: {
|
|||
|
|
show: false,
|
|||
|
|
formatter: null,
|
|||
|
|
position: null,
|
|||
|
|
textStyle: null // 默认使用全局文本样式，详见TEXTSTYLE
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
emphasis: {
|
|||
|
|
color: null,
|
|||
|
|
barBorderColor: '#fff', // 柱条边线
|
|||
|
|
barBorderRadius: 0, // 柱条边线圆角，单位px，默认为0
|
|||
|
|
barBorderWidth: 0, // 柱条边线线宽，单位px，默认为1
|
|||
|
|
label: {
|
|||
|
|
show: false,
|
|||
|
|
formatter: null,
|
|||
|
|
position: null,
|
|||
|
|
textStyle: null // 默认使用全局文本样式，详见TEXTSTYLE
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
// 折线图默认参数
|
|||
|
|
line: {
|
|||
|
|
zlevel: 0, // 一级层叠
|
|||
|
|
z: 2, // 二级层叠
|
|||
|
|
clickable: true,
|
|||
|
|
legendHoverLink: true,
|
|||
|
|
stack: null,
|
|||
|
|
xAxisIndex: 0,
|
|||
|
|
yAxisIndex: 0,
|
|||
|
|
itemStyle: {
|
|||
|
|
normal: {
|
|||
|
|
color: null,
|
|||
|
|
label: {
|
|||
|
|
show: false,
|
|||
|
|
formatter: null,
|
|||
|
|
position: null,
|
|||
|
|
textStyle: null // 默认使用全局文本样式，详见TEXTSTYLE
|
|||
|
|
},
|
|||
|
|
lineStyle: {
|
|||
|
|
width: 2,
|
|||
|
|
type: 'solid',
|
|||
|
|
shadowColor: 'rgba(0,0,0,0)', //默认透明
|
|||
|
|
shadowBlur: 0,
|
|||
|
|
shadowOffsetX: 0,
|
|||
|
|
shadowOffsetY: 0
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
emphasis: {
|
|||
|
|
color: null,
|
|||
|
|
label: {
|
|||
|
|
show: false,
|
|||
|
|
formatter: null,
|
|||
|
|
position: null,
|
|||
|
|
textStyle: null // 默认使用全局文本样式，详见TEXTSTYLE
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
smooth : false,
|
|||
|
|
symbol: null, // 拐点图形类型，非标准参数
|
|||
|
|
symbolSize: 2, // 可计算特性参数，空数据拖拽提示图形大小
|
|||
|
|
symbolRotate : null, // 拐点图形旋转控制
|
|||
|
|
showAllSymbol: false // 标志图形默认只有主轴显示（随主轴标签间隔隐藏策略）
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
// K线图默认参数
|
|||
|
|
k: {
|
|||
|
|
zlevel: 0, // 一级层叠
|
|||
|
|
z: 2, // 二级层叠
|
|||
|
|
clickable: true,
|
|||
|
|
hoverable: true,
|
|||
|
|
legendHoverLink: false,
|
|||
|
|
xAxisIndex: 0,
|
|||
|
|
yAxisIndex: 0,
|
|||
|
|
barWidth: null, // 默认自适应
|
|||
|
|
barMaxWidth: null, // 默认自适应
|
|||
|
|
itemStyle: {
|
|||
|
|
normal: {
|
|||
|
|
color: '#fff', // 阳线填充颜色
|
|||
|
|
color0: '#00aa11', // 阴线填充颜色
|
|||
|
|
lineStyle: {
|
|||
|
|
width: 1,
|
|||
|
|
color: '#ff3200', // 阳线边框颜色
|
|||
|
|
color0: '#00aa11' // 阴线边框颜色
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
emphasis: {
|
|||
|
|
color: null,
|
|||
|
|
color0: null
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
// 散点图默认参数
|
|||
|
|
scatter: {
|
|||
|
|
zlevel: 0, // 一级层叠
|
|||
|
|
z: 2, // 二级层叠
|
|||
|
|
clickable: true,
|
|||
|
|
legendHoverLink: true,
|
|||
|
|
xAxisIndex: 0,
|
|||
|
|
yAxisIndex: 0,
|
|||
|
|
symbol: null, // 图形类型，非标准参数
|
|||
|
|
symbolSize: 4, // 图形大小，半宽（半径）参数，当图形为方向或菱形则总宽度为symbolSize * 2
|
|||
|
|
symbolRotate: null, // 图形旋转控制
|
|||
|
|
large: false, // 大规模散点图
|
|||
|
|
largeThreshold: 2000, // 大规模阀值，large为true且数据量>largeThreshold才启用大规模模式
|
|||
|
|
itemStyle: {
|
|||
|
|
normal: {
|
|||
|
|
color: null,
|
|||
|
|
label: {
|
|||
|
|
show: false,
|
|||
|
|
formatter: null,
|
|||
|
|
position: null,
|
|||
|
|
textStyle: null // 默认使用全局文本样式，详见TEXTSTYLE
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
emphasis: {
|
|||
|
|
color: null,
|
|||
|
|
label: {
|
|||
|
|
show: false,
|
|||
|
|
formatter: null,
|
|||
|
|
position: null,
|
|||
|
|
textStyle: null // 默认使用全局文本样式，详见TEXTSTYLE
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
// 雷达图默认参数
|
|||
|
|
radar: {
|
|||
|
|
zlevel: 0, // 一级层叠
|
|||
|
|
z: 2, // 二级层叠
|
|||
|
|
clickable: true,
|
|||
|
|
legendHoverLink: true,
|
|||
|
|
polarIndex: 0,
|
|||
|
|
itemStyle: {
|
|||
|
|
normal: {
|
|||
|
|
color: null,
|
|||
|
|
label: {
|
|||
|
|
show: false
|
|||
|
|
},
|
|||
|
|
lineStyle: {
|
|||
|
|
width: 2,
|
|||
|
|
type: 'solid'
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
emphasis: {
|
|||
|
|
color: null,
|
|||
|
|
label: {
|
|||
|
|
show: false
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
symbol: null, // 拐点图形类型，非标准参数
|
|||
|
|
symbolSize: 2, // 可计算特性参数，空数据拖拽提示图形大小
|
|||
|
|
symbolRotate : null // 图形旋转控制
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
// 饼图默认参数
|
|||
|
|
pie: {
|
|||
|
|
zlevel: 0, // 一级层叠
|
|||
|
|
z: 2, // 二级层叠
|
|||
|
|
clickable: true,
|
|||
|
|
legendHoverLink: true,
|
|||
|
|
center: ['50%', '50%'], // 默认全局居中
|
|||
|
|
radius: [0, '75%'],
|
|||
|
|
clockWise: true, // 默认顺时针
|
|||
|
|
startAngle: 90,
|
|||
|
|
minAngle: 0, // 最小角度改为0
|
|||
|
|
selectedOffset: 10, // 选中是扇区偏移量
|
|||
|
|
selectedMode: false, // 选择模式，默认关闭，可选single，multiple
|
|||
|
|
roseType: null, // 南丁格尔玫瑰图模式，'radius'（半径） | 'area'（面积）
|
|||
|
|
itemStyle: {
|
|||
|
|
normal: {
|
|||
|
|
color: null,
|
|||
|
|
borderColor: 'rgba(0,0,0,0)',
|
|||
|
|
borderWidth: 1,
|
|||
|
|
label: {
|
|||
|
|
show: true,
|
|||
|
|
position: 'outer',
|
|||
|
|
formatter: null,
|
|||
|
|
textStyle: null,
|
|||
|
|
distance: null
|
|||
|
|
},
|
|||
|
|
labelLine: {
|
|||
|
|
show: true,
|
|||
|
|
length: 20,
|
|||
|
|
lineStyle: {
|
|||
|
|
color: null,
|
|||
|
|
width: 1,
|
|||
|
|
type: 'solid'
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
emphasis: {
|
|||
|
|
color: null,
|
|||
|
|
borderColor: 'rgba(0,0,0,0)',
|
|||
|
|
borderWidth: 1,
|
|||
|
|
label: {
|
|||
|
|
show: false,
|
|||
|
|
position: 'outer',
|
|||
|
|
formatter: null,
|
|||
|
|
textStyle: null,
|
|||
|
|
distance: null
|
|||
|
|
},
|
|||
|
|
labelLine: {
|
|||
|
|
show: false,
|
|||
|
|
length: 20,
|
|||
|
|
lineStyle: {
|
|||
|
|
color: null,
|
|||
|
|
width: 1,
|
|||
|
|
type: 'solid'
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
map: {
|
|||
|
|
zlevel: 0, // 一级层叠
|
|||
|
|
z: 2, // 二级层叠
|
|||
|
|
mapType: 'china',
|
|||
|
|
mapLocation: {
|
|||
|
|
x : 'center',
|
|||
|
|
y : 'center',
|
|||
|
|
width: null, // 自适应
|
|||
|
|
height:null // 自适应
|
|||
|
|
},
|
|||
|
|
mapValueCalculation: 'sum', // 数值合并方式，默认加和，可选为：'sum' | 'average'
|
|||
|
|
mapValuePrecision: 0, // 地图数值计算结果小数精度
|
|||
|
|
showLegendSymbol: true, // 显示图例颜色标识（系列标识的小圆点），存在legend时生效
|
|||
|
|
selectedMode: false, // 选择模式，默认关闭，可选single，multiple
|
|||
|
|
dataRangeHoverLink: true,
|
|||
|
|
hoverable: true,
|
|||
|
|
clickable: true,
|
|||
|
|
roam: false, // 是否开启缩放及漫游模式
|
|||
|
|
scaleLimit: null,
|
|||
|
|
itemStyle: {
|
|||
|
|
normal: {
|
|||
|
|
color: null,
|
|||
|
|
borderColor: 'rgba(0,0,0,0)',
|
|||
|
|
borderWidth: 1,
|
|||
|
|
areaStyle: {
|
|||
|
|
color: '#ccc'
|
|||
|
|
},
|
|||
|
|
label: {
|
|||
|
|
show: false,
|
|||
|
|
textStyle: {
|
|||
|
|
color: 'rgb(139,69,19)'
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
emphasis: { // 也是选中样式
|
|||
|
|
color: null,
|
|||
|
|
borderColor: 'rgba(0,0,0,0)',
|
|||
|
|
borderWidth: 1,
|
|||
|
|
areaStyle: {
|
|||
|
|
color: 'rgba(255,215,0,0.8)'
|
|||
|
|
},
|
|||
|
|
label: {
|
|||
|
|
show: false,
|
|||
|
|
textStyle: {
|
|||
|
|
color: 'rgb(100,0,0)'
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
force: {
|
|||
|
|
zlevel: 1, // 一级层叠
|
|||
|
|
z: 2, // 二级层叠
|
|||
|
|
// 布局中心
|
|||
|
|
center: ['50%', '50%'],
|
|||
|
|
|
|||
|
|
// 布局大小
|
|||
|
|
size: '100%',
|
|||
|
|
|
|||
|
|
// 防止节点和节点，节点和边之间的重叠
|
|||
|
|
preventOverlap: false,
|
|||
|
|
|
|||
|
|
// 布局冷却因子，值越小结束时间越短，值越大时间越长但是结果也越收敛
|
|||
|
|
coolDown: 0.99,
|
|||
|
|
|
|||
|
|
// 数据映射到圆的半径的最小值和最大值
|
|||
|
|
minRadius: 10,
|
|||
|
|
maxRadius: 20,
|
|||
|
|
|
|||
|
|
// 是否根据屏幕比例拉伸
|
|||
|
|
ratioScaling: false,
|
|||
|
|
|
|||
|
|
// 在 500+ 顶点的图上建议设置 large 为 true, 会使用 Barnes-Hut simulation
|
|||
|
|
// 同时开启 useWorker 并且把 steps 值调大
|
|||
|
|
// 关于Barnes-Hut simulation: http://en.wikipedia.org/wiki/Barnes–Hut_simulation
|
|||
|
|
large: false,
|
|||
|
|
|
|||
|
|
// 是否在浏览器支持 worker 的时候使用 web worker
|
|||
|
|
useWorker: false,
|
|||
|
|
// 每一帧 force 迭代的次数，仅在启用webworker的情况下有用
|
|||
|
|
steps: 1,
|
|||
|
|
|
|||
|
|
// 布局缩放因子，并不完全精确, 效果跟布局大小类似
|
|||
|
|
scaling: 1.0,
|
|||
|
|
|
|||
|
|
// 向心力因子，越大向心力越大（ 所有顶点会往 center 的位置收拢 )
|
|||
|
|
gravity: 1,
|
|||
|
|
|
|||
|
|
symbol: 'circle',
|
|||
|
|
// symbolSize 为 0 的话使用映射到minRadius-maxRadius后的值
|
|||
|
|
symbolSize: 0,
|
|||
|
|
|
|||
|
|
linkSymbol: null,
|
|||
|
|
linkSymbolSize: [10, 15],
|
|||
|
|
draggable: true,
|
|||
|
|
clickable: true,
|
|||
|
|
|
|||
|
|
roam: false,
|
|||
|
|
|
|||
|
|
// 分类里如果有样式会覆盖节点默认样式
|
|||
|
|
categories: [{
|
|||
|
|
// itemStyle
|
|||
|
|
// symbol
|
|||
|
|
// symbolSize
|
|||
|
|
// name
|
|||
|
|
}],
|
|||
|
|
itemStyle: {
|
|||
|
|
normal: {
|
|||
|
|
color: null,
|
|||
|
|
label: {
|
|||
|
|
show: false,
|
|||
|
|
position: 'inside',
|
|||
|
|
textStyle: null // 默认使用全局文本样式，详见TEXTSTYLE
|
|||
|
|
},
|
|||
|
|
nodeStyle : {
|
|||
|
|
brushType : 'both',
|
|||
|
|
borderColor : '#5182ab',
|
|||
|
|
borderWidth: 1
|
|||
|
|
},
|
|||
|
|
linkStyle: {
|
|||
|
|
color: '#5182ab',
|
|||
|
|
width: 1,
|
|||
|
|
type: 'line'
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
emphasis: {
|
|||
|
|
color: null,
|
|||
|
|
label: {
|
|||
|
|
show: false,
|
|||
|
|
textStyle: null // 默认使用全局文本样式，详见TEXTSTYLE
|
|||
|
|
},
|
|||
|
|
nodeStyle: {},
|
|||
|
|
linkStyle: {
|
|||
|
|
opacity: 0
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
// nodes: [{
|
|||
|
|
// name: 'xxx',
|
|||
|
|
// value: 1,
|
|||
|
|
// itemStyle: {},
|
|||
|
|
// initial: [0, 0],
|
|||
|
|
// fixX: false,
|
|||
|
|
// fixY: false,
|
|||
|
|
// ignore: false,
|
|||
|
|
// symbol: 'circle',
|
|||
|
|
// symbolSize: 0
|
|||
|
|
// }]
|
|||
|
|
// links: [{
|
|||
|
|
// source: 1,
|
|||
|
|
// target: 2,
|
|||
|
|
// weight: 1,
|
|||
|
|
// itemStyle: {}
|
|||
|
|
// }, {
|
|||
|
|
// source: 'xxx',
|
|||
|
|
// target: 'ooo'
|
|||
|
|
// }]
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
chord: {
|
|||
|
|
zlevel: 0, // 一级层叠
|
|||
|
|
z: 2, // 二级层叠
|
|||
|
|
clickable: true,
|
|||
|
|
radius: ['65%', '75%'],
|
|||
|
|
center: ['50%', '50%'],
|
|||
|
|
padding: 2,
|
|||
|
|
sort: 'none', // can be 'none', 'ascending', 'descending'
|
|||
|
|
sortSub: 'none', // can be 'none', 'ascending', 'descending'
|
|||
|
|
startAngle: 90,
|
|||
|
|
clockWise: true,
|
|||
|
|
ribbonType: true,
|
|||
|
|
|
|||
|
|
/***************** 下面的配置项在 ribbonType 为 false 时有效 */
|
|||
|
|
// 同force类似
|
|||
|
|
minRadius: 10,
|
|||
|
|
maxRadius: 20,
|
|||
|
|
symbol: 'circle',
|
|||
|
|
/***************** 上面的配置项在 ribbonType 为 false 时有效 */
|
|||
|
|
|
|||
|
|
/***************** 下面的配置项在 ribbonType 为 true 时有效 */
|
|||
|
|
showScale: false,
|
|||
|
|
showScaleText: false,
|
|||
|
|
/***************** 上面的配置项在 ribbonType 为 true 时有效 */
|
|||
|
|
|
|||
|
|
// 分类里如果有样式会覆盖节点默认样式
|
|||
|
|
categories: [{
|
|||
|
|
// itemStyle
|
|||
|
|
// symbol
|
|||
|
|
// symbolSize
|
|||
|
|
// name
|
|||
|
|
}],
|
|||
|
|
|
|||
|
|
itemStyle: {
|
|||
|
|
normal: {
|
|||
|
|
borderWidth: 0,
|
|||
|
|
borderColor: '#000',
|
|||
|
|
label: {
|
|||
|
|
show: true,
|
|||
|
|
rotate: false,
|
|||
|
|
distance: 5,
|
|||
|
|
textStyle: null // 默认使用全局文本样式，详见TEXTSTYLE
|
|||
|
|
},
|
|||
|
|
chordStyle: {
|
|||
|
|
/** ribbonType = false 时有效 */
|
|||
|
|
width: 1,
|
|||
|
|
color: 'black',
|
|||
|
|
/** ribbonType = true 时有效 */
|
|||
|
|
borderWidth: 1,
|
|||
|
|
borderColor: '#999',
|
|||
|
|
opacity: 0.5
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
emphasis: {
|
|||
|
|
borderWidth: 0,
|
|||
|
|
borderColor: '#000',
|
|||
|
|
chordStyle: {
|
|||
|
|
/** ribbonType = false 时有效 */
|
|||
|
|
width: 1,
|
|||
|
|
color: 'black',
|
|||
|
|
/** ribbonType = true 时有效 */
|
|||
|
|
borderWidth: 1,
|
|||
|
|
borderColor: '#999'
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
data: [],
|
|||
|
|
// Source data matrix
|
|||
|
|
/**
|
|||
|
|
* target
|
|||
|
|
* -1--2--3--4--5-
|
|||
|
|
* 1| x x x x x
|
|||
|
|
* 2| x x x x x
|
|||
|
|
* 3| x x x x x source
|
|||
|
|
* 4| x x x x x
|
|||
|
|
* 5| x x x x x
|
|||
|
|
*
|
|||
|
|
* Relation ship from source to target
|
|||
|
|
* https://github.com/mbostock/d3/wiki/Chord-Layout#wiki-chord
|
|||
|
|
*
|
|||
|
|
* Row based
|
|||
|
|
*/
|
|||
|
|
matrix: [],
|
|||
|
|
nodes: [],
|
|||
|
|
links: []
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
gauge: {
|
|||
|
|
zlevel: 0, // 一级层叠
|
|||
|
|
z: 2, // 二级层叠
|
|||
|
|
center: ['50%', '50%'], // 默认全局居中
|
|||
|
|
clickable: true,
|
|||
|
|
legendHoverLink: true,
|
|||
|
|
radius: '75%',
|
|||
|
|
startAngle: 225,
|
|||
|
|
endAngle: -45,
|
|||
|
|
min: 0, // 最小值
|
|||
|
|
max: 100, // 最大值
|
|||
|
|
precision: 0, // 小数精度，默认为0，无小数点
|
|||
|
|
splitNumber: 10, // 分割段数，默认为10
|
|||
|
|
axisLine: { // 坐标轴线
|
|||
|
|
show: true, // 默认显示，属性show控制显示与否
|
|||
|
|
lineStyle: { // 属性lineStyle控制线条样式
|
|||
|
|
color: [[0.2, '#228b22'],[0.8, '#48b'],[1, '#ff4500']],
|
|||
|
|
width: 30
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
axisTick: { // 坐标轴小标记
|
|||
|
|
show: true, // 属性show控制显示与否，默认不显示
|
|||
|
|
splitNumber: 5, // 每份split细分多少段
|
|||
|
|
length :8, // 属性length控制线长
|
|||
|
|
lineStyle: { // 属性lineStyle控制线条样式
|
|||
|
|
color: '#eee',
|
|||
|
|
width: 1,
|
|||
|
|
type: 'solid'
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
axisLabel: { // 坐标轴文本标签，详见axis.axisLabel
|
|||
|
|
show: true,
|
|||
|
|
formatter: null,
|
|||
|
|
textStyle: { // 其余属性默认使用全局文本样式，详见TEXTSTYLE
|
|||
|
|
color: 'auto'
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
splitLine: { // 分隔线
|
|||
|
|
show: true, // 默认显示，属性show控制显示与否
|
|||
|
|
length :30, // 属性length控制线长
|
|||
|
|
lineStyle: { // 属性lineStyle（详见lineStyle）控制线条样式
|
|||
|
|
color: '#eee',
|
|||
|
|
width: 2,
|
|||
|
|
type: 'solid'
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
pointer: {
|
|||
|
|
show: true,
|
|||
|
|
length: '80%',
|
|||
|
|
width: 8,
|
|||
|
|
color: 'auto'
|
|||
|
|
},
|
|||
|
|
title: {
|
|||
|
|
show: true,
|
|||
|
|
offsetCenter: [0, '-40%'], // x, y，单位px
|
|||
|
|
textStyle: { // 其余属性默认使用全局文本样式，详见TEXTSTYLE
|
|||
|
|
color: '#333',
|
|||
|
|
fontSize: 15
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
detail: {
|
|||
|
|
show: true,
|
|||
|
|
backgroundColor: 'rgba(0,0,0,0)',
|
|||
|
|
borderWidth: 0,
|
|||
|
|
borderColor: '#ccc',
|
|||
|
|
width: 100,
|
|||
|
|
height: 40,
|
|||
|
|
offsetCenter: [0, '40%'], // x, y，单位px
|
|||
|
|
formatter: null,
|
|||
|
|
textStyle: { // 其余属性默认使用全局文本样式，详见TEXTSTYLE
|
|||
|
|
color: 'auto',
|
|||
|
|
fontSize: 30
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
funnel: {
|
|||
|
|
zlevel: 0, // 一级层叠
|
|||
|
|
z: 2, // 二级层叠
|
|||
|
|
clickable: true,
|
|||
|
|
legendHoverLink: true,
|
|||
|
|
x: 80,
|
|||
|
|
y: 60,
|
|||
|
|
x2: 80,
|
|||
|
|
y2: 60,
|
|||
|
|
width: null,
|
|||
|
|
height: null,
|
|||
|
|
min: 0,
|
|||
|
|
max: 100,
|
|||
|
|
minSize: '0%',
|
|||
|
|
maxSize: '100%',
|
|||
|
|
sort: 'descending', // 'ascending', 'descending'
|
|||
|
|
gap: 0,
|
|||
|
|
funnelAlign: 'center',
|
|||
|
|
itemStyle: {
|
|||
|
|
normal: {
|
|||
|
|
color: null,
|
|||
|
|
borderColor: '#fff',
|
|||
|
|
borderWidth: 1,
|
|||
|
|
label: {
|
|||
|
|
show: true,
|
|||
|
|
position: 'outer',
|
|||
|
|
formatter: null, // 标签文本格式器，同Tooltip.formatter，不支持回调
|
|||
|
|
textStyle: null // 默认使用全局文本样式，详见TEXTSTYLE
|
|||
|
|
},
|
|||
|
|
labelLine: {
|
|||
|
|
show: true,
|
|||
|
|
length: 10,
|
|||
|
|
lineStyle: {
|
|||
|
|
color: null,
|
|||
|
|
width: 1,
|
|||
|
|
type: 'solid'
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
emphasis: {
|
|||
|
|
color: null,
|
|||
|
|
borderColor: 'rgba(0,0,0,0)',
|
|||
|
|
borderWidth: 1,
|
|||
|
|
label: {
|
|||
|
|
show: true
|
|||
|
|
},
|
|||
|
|
labelLine: {
|
|||
|
|
show: true
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
eventRiver: {
|
|||
|
|
zlevel: 0, // 一级层叠
|
|||
|
|
z: 2, // 二级层叠
|
|||
|
|
clickable: true,
|
|||
|
|
legendHoverLink: true,
|
|||
|
|
itemStyle: {
|
|||
|
|
normal: {
|
|||
|
|
color: null,
|
|||
|
|
borderColor: 'rgba(0,0,0,0)',
|
|||
|
|
borderWidth: 1,
|
|||
|
|
label: {
|
|||
|
|
show: true,
|
|||
|
|
position: 'inside', // 可选为'left'|'right'|'top'|'bottom'
|
|||
|
|
formatter: '{b}',
|
|||
|
|
textStyle: null // 默认使用全局文本样式，详见TEXTSTYLE
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
emphasis: {
|
|||
|
|
color: null,
|
|||
|
|
borderColor: 'rgba(0,0,0,0)',
|
|||
|
|
borderWidth: 1,
|
|||
|
|
label: {
|
|||
|
|
show: true
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
island: {
|
|||
|
|
zlevel: 0, // 一级层叠
|
|||
|
|
z: 5, // 二级层叠
|
|||
|
|
r: 15,
|
|||
|
|
calculateStep: 0.1 // 滚轮可计算步长 0.1 = 10%
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
markPoint: {
|
|||
|
|
clickable: true,
|
|||
|
|
symbol: 'pin', // 标注类型
|
|||
|
|
symbolSize: 10, // 标注大小，半宽（半径）参数，当图形为方向或菱形则总宽度为symbolSize * 2
|
|||
|
|
symbolRotate : null,// 标注旋转控制
|
|||
|
|
large: false,
|
|||
|
|
effect: {
|
|||
|
|
show: false,
|
|||
|
|
loop: true,
|
|||
|
|
period: 15, // 运动周期，无单位，值越大越慢
|
|||
|
|
type: 'scale', // 可用为 scale | bounce
|
|||
|
|
scaleSize: 2, // 放大倍数，以markPoint点size为基准
|
|||
|
|
bounceDistance: 10, // 跳动距离，单位px
|
|||
|
|
color: null,
|
|||
|
|
shadowColor: null,
|
|||
|
|
shadowBlur: 0 // 炫光模糊
|
|||
|
|
},
|
|||
|
|
itemStyle: {
|
|||
|
|
normal: {
|
|||
|
|
color: null,
|
|||
|
|
borderColor: null, // 标注边线颜色，优先于color
|
|||
|
|
borderWidth: 2, // 标注边线线宽，单位px，默认为1
|
|||
|
|
label: {
|
|||
|
|
show: true,
|
|||
|
|
// 标签文本格式器，同Tooltip.formatter，不支持回调
|
|||
|
|
formatter: null,
|
|||
|
|
position: 'inside', // 可选为'left'|'right'|'top'|'bottom'
|
|||
|
|
textStyle: null // 默认使用全局文本样式，详见TEXTSTYLE
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
emphasis: {
|
|||
|
|
color: null,
|
|||
|
|
label: {
|
|||
|
|
show: true,
|
|||
|
|
// 标签文本格式器，同Tooltip.formatter，不支持回调
|
|||
|
|
formatter: null,
|
|||
|
|
position: 'inside', // 'left'|'right'|'top'|'bottom'
|
|||
|
|
textStyle: null // 默认使用全局文本样式，详见TEXTSTYLE
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
markLine: {
|
|||
|
|
clickable: true,
|
|||
|
|
// 标线起始和结束的symbol介绍类型，如果都一样，可以直接传string
|
|||
|
|
symbol: ['circle', 'arrow'],
|
|||
|
|
// 标线起始和结束的symbol大小，半宽（半径）参数，当图形为方向或菱形则总宽度为symbolSize * 2
|
|||
|
|
symbolSize: [2, 4],
|
|||
|
|
// 标线起始和结束的symbol旋转控制
|
|||
|
|
symbolRotate: null,
|
|||
|
|
smooth: false,
|
|||
|
|
smoothRadian: 0.2, // 平滑弧度
|
|||
|
|
precision: 2,
|
|||
|
|
effect: {
|
|||
|
|
show: false,
|
|||
|
|
loop: true,
|
|||
|
|
period: 15, // 运动周期，无单位，值越大越慢
|
|||
|
|
scaleSize: 2, // 放大倍数，以markLine线lineWidth为基准
|
|||
|
|
color: null,
|
|||
|
|
shadowColor: null,
|
|||
|
|
shadowBlur: 'lineWidth*2' // 炫光模糊，默认等于scaleSize计算所得
|
|||
|
|
},
|
|||
|
|
itemStyle: {
|
|||
|
|
normal: {
|
|||
|
|
color: null, // 标线主色，线色，symbol主色
|
|||
|
|
borderColor: null, // 标线symbol边框颜色，优先于color
|
|||
|
|
borderWidth: 1.5, // 标线symbol边框线宽，单位px，默认为2
|
|||
|
|
label: {
|
|||
|
|
show: true,
|
|||
|
|
// 标签文本格式器，同Tooltip.formatter，不支持回调
|
|||
|
|
formatter: null,
|
|||
|
|
// 可选为 'start'|'end'|'left'|'right'|'top'|'bottom'
|
|||
|
|
position: 'end',
|
|||
|
|
textStyle: null // 默认使用全局文本样式，详见TEXTSTYLE
|
|||
|
|
},
|
|||
|
|
lineStyle: {
|
|||
|
|
color: null, // 主色，线色，优先级高于borderColor和color
|
|||
|
|
width: null, // 优先于borderWidth
|
|||
|
|
type: 'dashed',
|
|||
|
|
shadowColor : 'rgba(0,0,0,0)', //默认透明
|
|||
|
|
shadowBlur: 0,
|
|||
|
|
shadowOffsetX: 0,
|
|||
|
|
shadowOffsetY: 0
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
emphasis: {
|
|||
|
|
color: null,
|
|||
|
|
label: {
|
|||
|
|
show: false,
|
|||
|
|
// 标签文本格式器，同Tooltip.formatter，不支持回调
|
|||
|
|
formatter : null,
|
|||
|
|
position: 'inside', // 'left'|'right'|'top'|'bottom'
|
|||
|
|
textStyle: null // 默认使用全局文本样式，详见TEXTSTYLE
|
|||
|
|
},
|
|||
|
|
lineStyle : {}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
// 主题，主题
|
|||
|
|
textStyle: {
|
|||
|
|
decoration: 'none',
|
|||
|
|
fontFamily: 'Arial, Verdana, sans-serif',
|
|||
|
|
fontFamily2: '微软雅黑', // IE8- 字体模糊并且，不支持不同字体混排，额外指定一份
|
|||
|
|
fontSize: 12,
|
|||
|
|
fontStyle: 'normal',
|
|||
|
|
fontWeight: 'normal'
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
EVENT: {
|
|||
|
|
// -------全局通用
|
|||
|
|
REFRESH: 'refresh',
|
|||
|
|
RESTORE: 'restore',
|
|||
|
|
RESIZE: 'resize',
|
|||
|
|
CLICK: 'click',
|
|||
|
|
DBLCLICK: 'dblclick',
|
|||
|
|
HOVER: 'hover',
|
|||
|
|
MOUSEOUT: 'mouseout',
|
|||
|
|
//MOUSEWHEEL: 'mousewheel',
|
|||
|
|
// -------业务交互逻辑
|
|||
|
|
DATA_CHANGED: 'dataChanged',
|
|||
|
|
DATA_ZOOM: 'dataZoom',
|
|||
|
|
DATA_RANGE: 'dataRange',
|
|||
|
|
DATA_RANGE_SELECTED: 'dataRangeSelected',
|
|||
|
|
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',
|
|||
|
|
FORCE_LAYOUT_END: 'forceLayoutEnd',
|
|||
|
|
// -------内部通信
|
|||
|
|
TOOLTIP_HOVER: 'tooltipHover',
|
|||
|
|
TOOLTIP_IN_GRID: 'tooltipInGrid',
|
|||
|
|
TOOLTIP_OUT_GRID: 'tooltipOutGrid',
|
|||
|
|
ROAMCONTROLLER: 'roamController'
|
|||
|
|
},
|
|||
|
|
DRAG_ENABLE_TIME: 120, // 降低图表内元素拖拽敏感度，单位ms，不建议外部干预
|
|||
|
|
EFFECT_ZLEVEL : 10, // 特效动画zlevel
|
|||
|
|
// 主题，默认标志图形类型列表
|
|||
|
|
symbolList: [
|
|||
|
|
'circle', 'rectangle', 'triangle', 'diamond',
|
|||
|
|
'emptyCircle', 'emptyRectangle', 'emptyTriangle', 'emptyDiamond'
|
|||
|
|
],
|
|||
|
|
loadingEffect: 'spin',
|
|||
|
|
loadingText: '数据读取中...',
|
|||
|
|
noDataEffect: 'bubble',
|
|||
|
|
noDataText: '暂无数据',
|
|||
|
|
// noDataLoadingOption: null,
|
|||
|
|
// 可计算特性配置，孤岛，提示颜色
|
|||
|
|
calculable: false, // 默认关闭可计算特性
|
|||
|
|
calculableColor: 'rgba(255,165,0,0.6)', // 拖拽提示边框颜色
|
|||
|
|
calculableHolderColor: '#ccc', // 可计算占位提示颜色
|
|||
|
|
nameConnector: ' & ',
|
|||
|
|
valueConnector: ': ',
|
|||
|
|
animation: true, // 过渡动画是否开启
|
|||
|
|
addDataAnimation: true, // 动态数据接口是否开启动画效果
|
|||
|
|
animationThreshold: 2000, // 动画元素阀值，产生的图形原素超过2000不出动画
|
|||
|
|
animationDuration: 2000, // 过渡动画参数：进入
|
|||
|
|
animationDurationUpdate: 500, // 过渡动画参数：更新
|
|||
|
|
animationEasing: 'ExponentialOut' //BounceOut
|
|||
|
|
};
|
|||
|
|
// return config;
|
|||
|
|
//});
|