|
|
@ -116,10 +116,13 @@ const initSchedule = (dataAll,targetId) =>{ |
|
|
var myChartLine = echarts.init(document.getElementById(targetId)); |
|
|
var myChartLine = echarts.init(document.getElementById(targetId)); |
|
|
let myColor = ['#3C83FF'] |
|
|
let myColor = ['#3C83FF'] |
|
|
var option = { |
|
|
var option = { |
|
|
|
|
|
tooltip: { |
|
|
|
|
|
trigger: 'item' |
|
|
|
|
|
}, |
|
|
grid: { // 直角坐标系内绘图网格 |
|
|
grid: { // 直角坐标系内绘图网格 |
|
|
top: '-5%', |
|
|
top: '-5%', |
|
|
bottom: '5%', |
|
|
bottom: '5%', |
|
|
left: '45%', //grid 组件离容器左侧的距离, |
|
|
left: '50%', //grid 组件离容器左侧的距离, |
|
|
//left的值可以是80这样具体像素值, |
|
|
//left的值可以是80这样具体像素值, |
|
|
//也可以是'80%'这样相对于容器高度的百分比 |
|
|
//也可以是'80%'这样相对于容器高度的百分比 |
|
|
right: '18%', |
|
|
right: '18%', |
|
|
@ -172,6 +175,15 @@ const initSchedule = (dataAll,targetId) =>{ |
|
|
] |
|
|
] |
|
|
return arr.join('') |
|
|
return arr.join('') |
|
|
}, |
|
|
}, |
|
|
|
|
|
formatter: function (params) { |
|
|
|
|
|
var maxLength = 6; |
|
|
|
|
|
//判断长度,超出使用...代替 |
|
|
|
|
|
if (params && params.length > maxLength) { |
|
|
|
|
|
return params.substring(0, maxLength - 1) + '.'; |
|
|
|
|
|
} else { |
|
|
|
|
|
return params; |
|
|
|
|
|
} |
|
|
|
|
|
}, |
|
|
textStyle: { |
|
|
textStyle: { |
|
|
rich: { |
|
|
rich: { |
|
|
a: { |
|
|
a: { |
|
|
@ -197,7 +209,7 @@ const initSchedule = (dataAll,targetId) =>{ |
|
|
}, |
|
|
}, |
|
|
series: [ //系列列表。每个系列通过 type 决定自己的图表类型 |
|
|
series: [ //系列列表。每个系列通过 type 决定自己的图表类型 |
|
|
{ |
|
|
{ |
|
|
name: '%', //系列名称 |
|
|
name: '', //系列名称 |
|
|
type: 'bar', //柱状、条形图 |
|
|
type: 'bar', //柱状、条形图 |
|
|
barWidth: 15, //柱条的宽度,默认自适应 |
|
|
barWidth: 15, //柱条的宽度,默认自适应 |
|
|
data: dataAll.dataPercent, //系列中数据内容数组 |
|
|
data: dataAll.dataPercent, //系列中数据内容数组 |
|
|
@ -231,7 +243,7 @@ const initSchedule = (dataAll,targetId) =>{ |
|
|
//zlevel 大的 Canvas 会放在 zlevel 小的 Canvas 的上面 |
|
|
//zlevel 大的 Canvas 会放在 zlevel 小的 Canvas 的上面 |
|
|
}, |
|
|
}, |
|
|
{ |
|
|
{ |
|
|
name: '进度条背景', |
|
|
name: '', |
|
|
type: 'bar', |
|
|
type: 'bar', |
|
|
label: { //图形上的文本标签 |
|
|
label: { //图形上的文本标签 |
|
|
show: true, |
|
|
show: true, |
|
|
|