let legendData = ['医师数', '技师数'];
let myChart = echarts.init($("#row4_col1")[0]);
myChart.setOption({
title: {
text: ''
},
legend: {
show: true,
data: [
{
name: legendData[0],
textStyle: {
backgroundColor: "green",
padding: 4,
color: "white"
}
},
{
name: legendData[1],
textStyle: {
backgroundColor: "orange",
padding: 4,
color: "white"
}
}
]
},
tooltip: {
show: true,
trigger: 'axis'
},
xAxis: {
type: 'category',
nameTextStyle: {
align: 'center'
},
data: legendData
},
yAxis: {
type: 'value',
min: 0.00,
max: 1.00,
interval: 0.10,
// data: [0.9000, 0.9200, 0.9400, 0.9600, 0.9800, 1.0000],// 只有type为category时才有效
axisLabel: {
formatter: function (value, index) {
return value.toFixed(2);
}
}
},
series: [
{
type: 'bar',
data: [
{value: 0.68, itemStyle: {color: "green"}},
{value: 0.96, itemStyle: {color: "orange"}}
],
barWidth: 40,
label: {
show: true,
position: 'top',
formatter: function (params) {
return params.value.toFixed(2);
}
},
tooltip: {
formatter: function (params, ticket, callback) {
return params.seriesName + "<br/>" + params.name + ":" + params.value.toFixed(2);
}
}
}
]
});
Echarts柱形图中当图例名称和X轴刻度名称一样时图例无法显示
最新推荐文章于 2024-01-09 17:16:52 发布