<div id="essentialInformation" style="width: 100%;height:25.199203187251vh;"></div>
function essentialInformation (){
var essentialInformation = document.getElementById('essentialInformation');
var myChart = echarts.init(essentialInformation);
var option;
option = {
tooltip: {
trigger: "axis",
},
grid: {
left: "3%",
right: "4%",
bottom: "0%",
top: "10%",
containLabel: true,
},
xAxis: {
type: "category",
boundaryGap: false,
axisLabel: {
show: true,
textStyle: {
color: "#f2f9ff",
},
},
axisLine: axisLine,
axisTick: {
//y轴刻度线
show: true,
},
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
type: "value",
axisLabel: axisLabel,
axisLine: axisLine,
axisTick: {
//y轴刻度线
show: false,
},
splitLine: {
show: true,
lineStyle: {
color: "rgba(112,145,127,.1)",
},
},
},
series: [{
name: "达标天数",
type: "line",
color: ["#07DC9F"],
areaStyle: {
normal: {
color: {
type: "linear",
x: 0,
y: 0,
x2: 0,
y2: 1,
colorStops: [
{
offset: 0,
color: "rgba(7,220,159,0.4)", // 0% 处的颜色
},
{
offset: 1,
color: "rgba(7,220,159,0)", // 100% 处的颜色
},
],
global: false, // 缺省为 false
},
},
},
smooth: true,
data: [820, 932, 901, 934, 1290, 1330, 1320],
}]
};
option && myChart.setOption(option);
}
echarts 曲线图 - 带渐变
最新推荐文章于 2024-05-10 17:17:53 发布