|
|
|
@ -4,20 +4,14 @@ var data1 = [5, 12, 4, 6, 7, 9, 10, 15, 3, 5, 6, 15]; |
|
|
|
var data2 = [5, 12, 4, 6, 7, 9, 10, 15, 3, 5, 6, 15]; |
|
|
|
var options = { |
|
|
|
tooltip: { |
|
|
|
// trigger: "axis",
|
|
|
|
// backgroundColor: 'rgba(17,95,182,0.5)',
|
|
|
|
// textStyle: {
|
|
|
|
// color: "#fff"
|
|
|
|
// },
|
|
|
|
// formatter: function (params) {
|
|
|
|
// return params[1].marker + '' + params[1].name + '\n' +
|
|
|
|
// "<div>" +
|
|
|
|
// "<span style='display:inline-block;border-radius:1px;width:10px;height:10px;background-color:#007AFF;option:0.5'></span>" +
|
|
|
|
// "<span style=''> " + params[1].seriesName + ': ' + params[1].value + "\n" + ' </span>' +
|
|
|
|
// "</div>" +
|
|
|
|
// "<span style='display:inline-block;border-radius:1px;width:10px;height:10px;background-color:#FF9B61;'></span>" +
|
|
|
|
// '' + "<span style=''> " + params[3].seriesName + ': ' + params[3].value;
|
|
|
|
// }
|
|
|
|
formatter: function (params) { |
|
|
|
console.log("params", params); |
|
|
|
if (params.seriesName == "增收金额") { |
|
|
|
return `<div>${params.marker} ${params.name} <span style="font-weight: bold;">${params.value} 万元</span></div>`; |
|
|
|
} else { |
|
|
|
return `<div>${params.marker} ${params.name} <span style="font-weight: bold;">${params.value} %</span></div>`; |
|
|
|
} |
|
|
|
}, |
|
|
|
}, |
|
|
|
grid: { |
|
|
|
left: "5%", |
|
|
|
@ -67,11 +61,11 @@ var options = { |
|
|
|
}, |
|
|
|
yAxis: [ |
|
|
|
{ |
|
|
|
min: 0, |
|
|
|
max: 18, |
|
|
|
// min: 0,
|
|
|
|
// max: 18,
|
|
|
|
type: "value", |
|
|
|
minInterval: 3, |
|
|
|
maxInterval: 3, |
|
|
|
// minInterval: 3,
|
|
|
|
// maxInterval: 3,
|
|
|
|
name: "(单位：万)", |
|
|
|
nameTextStyle: { |
|
|
|
align: "left", |
|
|
|
@ -105,17 +99,9 @@ var options = { |
|
|
|
data: ["0", "3", "6", "9", "12", "15", "18"], |
|
|
|
}, |
|
|
|
{ |
|
|
|
show: true, |
|
|
|
// show: true,
|
|
|
|
name: "", |
|
|
|
min: 0, |
|
|
|
max: 18, |
|
|
|
type: "value", |
|
|
|
minInterval: 3, |
|
|
|
maxInterval: 3, |
|
|
|
splitNumber: 3, |
|
|
|
formatter: function (e) { |
|
|
|
console.log("---------------", e); |
|
|
|
}, |
|
|
|
nameTextStyle: { |
|
|
|
align: "left", |
|
|
|
color: "rgba(255,255,255,0.8)", |
|
|
|
@ -187,7 +173,8 @@ var options = { |
|
|
|
itemStyle: { |
|
|
|
// lenged文本
|
|
|
|
opacity: 1, |
|
|
|
borderCap: "round", |
|
|
|
barBorderRadius: [13, 13, 13, 13], |
|
|
|
// borderCap: "round",
|
|
|
|
color: function (params) { |
|
|
|
var a = params.name.slice(0, 2); |
|
|
|
return new echarts.graphic.LinearGradient( |
|
|
|
@ -202,7 +189,7 @@ var options = { |
|
|
|
}, |
|
|
|
{ |
|
|
|
offset: 1, |
|
|
|
color: "#2CAEE3", // 100% 处的颜色
|
|
|
|
color: "#003B4E", // 100% 处的颜色
|
|
|
|
}, |
|
|
|
], |
|
|
|
false |
|
|
|
@ -213,40 +200,40 @@ var options = { |
|
|
|
data: data1, |
|
|
|
}, |
|
|
|
|
|
|
|
{ |
|
|
|
name: "", |
|
|
|
type: "pictorialBar", |
|
|
|
symbolSize: [12, 12], |
|
|
|
symbolOffset: [0, -4], |
|
|
|
z: 5, |
|
|
|
itemStyle: { |
|
|
|
opacity: 1, |
|
|
|
borderCap: "round", |
|
|
|
color: function (params) { |
|
|
|
var a = params.name.slice(0, 2); |
|
|
|
// {
|
|
|
|
// name: "",
|
|
|
|
// type: "pictorialBar",
|
|
|
|
// symbolSize: [12, 12],
|
|
|
|
// symbolOffset: [0, -4],
|
|
|
|
// z: 5,
|
|
|
|
// itemStyle: {
|
|
|
|
// opacity: 1,
|
|
|
|
// borderCap: "round",
|
|
|
|
// color: function (params) {
|
|
|
|
// var a = params.name.slice(0, 2);
|
|
|
|
|
|
|
|
return new echarts.graphic.LinearGradient( |
|
|
|
0, |
|
|
|
0, |
|
|
|
0, |
|
|
|
1, |
|
|
|
[ |
|
|
|
{ |
|
|
|
offset: 0, |
|
|
|
color: "#0BA7DA", // 0% 处的颜色
|
|
|
|
}, |
|
|
|
{ |
|
|
|
offset: 1, |
|
|
|
color: "#0BA7DA30", // 100% 处的颜色
|
|
|
|
}, |
|
|
|
], |
|
|
|
false |
|
|
|
); |
|
|
|
}, |
|
|
|
}, |
|
|
|
symbolPosition: "end", |
|
|
|
data: data1, |
|
|
|
}, |
|
|
|
// return new echarts.graphic.LinearGradient(
|
|
|
|
// 0,
|
|
|
|
// 0,
|
|
|
|
// 0,
|
|
|
|
// 1,
|
|
|
|
// [
|
|
|
|
// {
|
|
|
|
// offset: 0,
|
|
|
|
// color: "#0BA7DA", // 0% 处的颜色
|
|
|
|
// },
|
|
|
|
// {
|
|
|
|
// offset: 1,
|
|
|
|
// color: "#0BA7DA30", // 100% 处的颜色
|
|
|
|
// },
|
|
|
|
// ],
|
|
|
|
// false
|
|
|
|
// );
|
|
|
|
// },
|
|
|
|
// },
|
|
|
|
// symbolPosition: "end",
|
|
|
|
// data: data1,
|
|
|
|
// },
|
|
|
|
{ |
|
|
|
name: "增涨率", |
|
|
|
z: 9, |
|
|
|
@ -270,54 +257,54 @@ var options = { |
|
|
|
}, |
|
|
|
}, |
|
|
|
|
|
|
|
{ |
|
|
|
name: "", |
|
|
|
type: "bar", |
|
|
|
barWidth: 12, |
|
|
|
barGap: "-100%", |
|
|
|
z: 0, |
|
|
|
itemStyle: { |
|
|
|
borderCap: "round", |
|
|
|
color: "#163F7A", |
|
|
|
opacity: 0.7, |
|
|
|
}, |
|
|
|
data: [18, 18, 18, 18, 18, 18, 18, 18, 18, 18, 18, 18], |
|
|
|
}, |
|
|
|
{ |
|
|
|
name: "", |
|
|
|
type: "pictorialBar", |
|
|
|
symbolSize: [12, 12], |
|
|
|
symbolOffset: [0, -5], |
|
|
|
z: 5, |
|
|
|
itemStyle: { |
|
|
|
barBorderRadius: [13, 13, 13, 13], |
|
|
|
opacity: 1, |
|
|
|
borderCap: "round", |
|
|
|
color: function (params) { |
|
|
|
var a = params.name.slice(0, 2); |
|
|
|
// {
|
|
|
|
// name: "",
|
|
|
|
// type: "bar",
|
|
|
|
// barWidth: 12,
|
|
|
|
// barGap: "-100%",
|
|
|
|
// z: 0,
|
|
|
|
// itemStyle: {
|
|
|
|
// borderCap: "round",
|
|
|
|
// color: "#163F7A",
|
|
|
|
// opacity: 0.7,
|
|
|
|
// },
|
|
|
|
// data: [18, 18, 18, 18, 18, 18, 18, 18, 18, 18, 18, 18],
|
|
|
|
// },
|
|
|
|
// {
|
|
|
|
// name: "",
|
|
|
|
// type: "pictorialBar",
|
|
|
|
// symbolSize: [12, 12],
|
|
|
|
// symbolOffset: [0, -5],
|
|
|
|
// z: 5,
|
|
|
|
// itemStyle: {
|
|
|
|
// barBorderRadius: [13, 13, 13, 13],
|
|
|
|
// opacity: 1,
|
|
|
|
// borderCap: "round",
|
|
|
|
// color: function (params) {
|
|
|
|
// var a = params.name.slice(0, 2);
|
|
|
|
|
|
|
|
return new echarts.graphic.LinearGradient( |
|
|
|
0, |
|
|
|
0, |
|
|
|
0, |
|
|
|
1, |
|
|
|
[ |
|
|
|
{ |
|
|
|
offset: 0, |
|
|
|
color: "#2CAEE3", // 0% 处的颜色
|
|
|
|
}, |
|
|
|
{ |
|
|
|
offset: 1, |
|
|
|
color: "#2CAEE3", // 100% 处的颜色
|
|
|
|
}, |
|
|
|
], |
|
|
|
false |
|
|
|
); |
|
|
|
}, |
|
|
|
}, |
|
|
|
symbolPosition: "end", |
|
|
|
data: [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], |
|
|
|
}, |
|
|
|
// return new echarts.graphic.LinearGradient(
|
|
|
|
// 0,
|
|
|
|
// 0,
|
|
|
|
// 0,
|
|
|
|
// 1,
|
|
|
|
// [
|
|
|
|
// {
|
|
|
|
// offset: 0,
|
|
|
|
// color: "#2CAEE3", // 0% 处的颜色
|
|
|
|
// },
|
|
|
|
// {
|
|
|
|
// offset: 1,
|
|
|
|
// color: "#2CAEE3", // 100% 处的颜色
|
|
|
|
// },
|
|
|
|
// ],
|
|
|
|
// false
|
|
|
|
// );
|
|
|
|
// },
|
|
|
|
// },
|
|
|
|
// symbolPosition: "end",
|
|
|
|
// data: [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
|
|
|
|
// },
|
|
|
|
], |
|
|
|
}; |
|
|
|
|
|
|
|
|
