tooltip: {
trigger: "axis",// 鼠标指的时候显示文字
},
yAxis: [
{
type: 'value',
axisLabel: {
// y轴的字体样式修改
show: true,
textStyle:
{
color:'#CFD4EB',
fontSize:20 // 让字体变大
}
},
},
],
legend: { // 显示可以点击的那个
left:0
},
toolbox: {
show: true,
feature: {
restore: { show: true },// 刷新
saveAsImage: { show: true } // 下载
}
},
series: [{
symbol: "none",//去掉上面的圆点
// name: '近七日收益', // 鼠标指的时候显示的文字
type: 'line',
stack: '总量',
data: this.opinionData2,
smooth:true,//直线变成曲线
lineStyle:{
normal: {
color: '#4AE4E5', //线的颜色
type: 'solid', //线的类型 'solid'(实线)'dashed'(虚线)'dotted'(点线)
// curveness: 0.5, //线条的曲线程度,从0到1
},
},
itemStyle: {
normal: {
color: '#1b63c1', //柱子的颜色
},
color: "#1890ff",// 小圆点的颜色
},
},{
symbol: "none",//去掉上面的圆点
// name: '近七日收益',
type: 'line',
stack: '总量',
data: this.opinionData3,
smooth:true,//直线变成曲线
lineStyle:{
normal: {
color: '#50B0F0',
type: 'solid', //线的类型 'solid'(实线)'dashed'(虚线)'dotted'(点线)
// curveness: 0.5, //线条的曲线程度,从0到1
},
},
// 柱形图
{
data: incomeArr,
type: 'bar',
itemStyle: { //柱状颜色和圆角
color: '#1890ff',
},
}
}]
// 多个y轴数据
series: [
{
name: '名称',
type: 'bar',
label: { // 显示数据数字内容
show: true,
position: 'inside'
},
data: 数据
},
{
name: '名称',
type: 'line',
yAxisIndex: 1,
label: { // 显示数据数字内容
formatter: function(params) {
return params.data +"%" // 添加百分号
},
show: true,
position: 'inside',
},
data: 数据
},
{ name: '收入排名',
type: 'bar',
label: {
formatter: function(params) {
return ccArr[params.dataIndex] // 除了data数据显示其他数据对应的index的
},
show: true,
position: 'inside',
},
},
]
Echarts 属性数据
于 2021-03-24 14:39:03 首次发布