Echart 如何设置表格内的背景颜色?
现在有一个需求是做出如图中的效果，
我自己用echart做了一下，目前只能做成下面这样，
代码如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style type="text/css">
body,
html {
height: 100%
}
body {
background: rgb(16, 158, 226);
}
</style>
</head>
<body>
<div style="margin:0 0em;margin-top:1.0em;height:100%; " id="content">
</div>
</body>
<script type="text/javascript" src="./echarts.min.js"></script>
<script type="text/javascript" charset="utf-8">
var JSONdata = [{ key: "女性", val: "298" }, { key: "少数民族", val: "89" }, { key: "非共产党员", val: "43" }];
var myChart = echarts.init(document.getElementById("content"));
option = {
color: ['rgb(79,129,189)'],
yAxis: {
type: 'category',
data: JSONdata.map(x => (x.key)),
axisLabel: {
show: true,
textStyle: {
color: '#000',
}
}
},
xAxis: {
type: 'value',
color: "#000",
axisLabel: {
show: true,
textStyle: {
color: '#000'
}
}
},
series: [{
data: JSONdata.map(x => (x.val)),
type: 'bar'
}],
label: {
show: true,
position: "inside",
color: "#000"
},
};
myChart.setOption(option);
myChart.on('click', function (params) {
alert(params.dataIndex);
});
</script>
</html>
请问中间表格的背景颜色怎么设置成白色?看了好久文档也没找到，谢谢SF的echart大神T_T
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
option配置里直接设置背景色就可以了
backgroundColor:"#fff",还可以写rgb格式与渐变色