var Image =
"path://M7.2,2.4 L12,2.4 L7.2,9.59960711 L2.4,9.59960711 L7.2,2.4 Z";
var maxData = 100;
option = {
tooltip: {},
xAxis: {
max: maxData,
splitLine: {
show: false,
},
offset: 10,
axisTick: {
show: false,
},
axisLine: {
show: false,
},
axisLabel: {
show: false,
},
},
yAxis: {
data: [""],
inverse: true,
axisTick: {
show: false,
},
axisLine: {
show: false,
},
},
grid: {
top: 10,
height: 200,
left: 100,
right: 100,
},
series: [
{
// current data
type: "pictorialBar",
symbol: Image,
itemStyle: {
normal: {
barBorderRadius: 5,
color: "#FE881D",
},
},
symbolRepeat: "fixed",
symbolMargin: "3%",
symbolOffset: ["30%", 0], //位置
symbolClip: true,
symbolSize: [9, 7],
symbolBoundingData: maxData,
data: [20],
z: 99999999,
animationEasing: "linear",
animationDelay: function (dataIndex, params) {
return params.index * 30;
},
},
{
// full data
type: "pictorialBar",
itemStyle: {
normal: {
color: "#3B4B6A",
opacity: 1,
},
},
animationDuration: 0,
symbolRepeat: "fixed",
symbolMargin: "3%",
symbolOffset: ["30%", 0], //位置
symbol: Image,
symbolSize: [9, 7],
symbolBoundingData: maxData,
data: [100],
z: 99999,
animationEasing: "linear",
animationDelay: function (dataIndex, params) {
return params.index * 30;
},
},
],
};