html5怎么设置表格背景颜色,Echart 如何设置表格内的背景颜色?

现在有一个需求是做出如图中的效果，

我自己用echart做了一下，目前只能做成下面这样，

代码如下:

Document

body,

html {

height: 100%

}

body {

background: rgb(16, 158, 226);

}

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);

});

请问中间表格的背景颜色怎么设置成白色?看了好久文档也没找到，谢谢SF的echart大神T_T

html5怎么设置表格背景颜色,Echart 如何设置表格内的背景颜色?相关推荐

金蝶EAS，分录表格中必录项设置背景颜色
分录表格含有必录字段时,对应的列设置必录标记,以下代码仅标记出背景颜色,并不能实现必录校验. 如需必录校验,还需在verifyInput(ActionEvent e)中编写业务校验逻辑. // 为分录 ...
html给网页加图片背景颜色,0035 如何设置网页背景图和在网页中插入图片
上节课讲了关于表格的一些更多知识和用表格配合div来进行网页排版. 这节课开始讲关于网页图片的相关知识. 上节课的课后练习 1.去网上搜索2个自己喜欢的图片,1个图片用来作为整个网页的背景,另一个图片 ...
html表格内图片填充颜色设置,使用HTML添加表格4（行颜色与表格嵌套）——零基础自学网页制作...
行颜色设置的简便方法昨天我们在<使用HTML添加表格3(间距与颜色)--零基础自学网页制作>中学习了设置单元格以及其中内容的空间间距和背景颜色. 其中添加列向单元格背景颜色只需要修改对应 ...
html中表格内边框颜色,html表格边框颜色 Word中的表格如何设置表格内边框的颜色...
html 表格上下左右边框颜色各不同,怎么设置? html是一种网页代码,即在网页中显示的格式,当需要表格左右显示不同的颜色时,可以分开设置,如:border-top:1px solid red;bo ...
MFC设置静态文本框，编辑框等控件背景和字体颜色
在MFC类库提供了CWnd::OnCtlColor函数,在工作框架的子窗口被重画时将调用该成员函数.因此可以重载WM_CTLCOLOR消息的响应函数.此函数的原型: afx_msg HBRUSH On ...
fxml设置背景_JavaFX – 如何获取Tab,Button等的背景颜色
问题描述:我无法在JavaFX中获得对象的背景.我不是指形状,而是像Buttons,Tabs等常规节点.我不知道如何访问他们的背景颜色. 我想要的是?我正在开发IDE,我想在选项卡上运行Color动画 ...
css表格设置行列的颜色,CSS：为表格中的选定行设置颜色
我需要将以下功能添加到我的表中:当用户单击某行(选择它)时,该行用颜色#FFCF8B标记(与hover相同).我试过#newspaper-b tbody tr.selected td,但它不起作用.C ...
java编写设置按钮随机背景色_java – 如何设置自定义按钮状态背景颜色？
我有一个包含drawable和text的按钮.我希望按钮的背景与提供的正常背景不同(最好是纯色).这很好用,我只是在 XML文件中使用android:background属性并相应地分配颜色.但是,我 ...
html5单击修改背景色,js实现点击ul/li等改变背景颜色
今天项目遇到了标题所说的问题,找到一篇很高效的例子,值得学习. Change.html body li{ list-style-type: none; } 文字文字文字 function g(x) { ...
clion调整字体打下奥_Clion、IEDA、pycharm的一些简单设置步骤（设置中文菜单、输出中文、字体大小、背景颜色主题）...
Clion.IEDA.pycharm的设置及界面是一模一样的,下面我将按照Clion举例,但是在IEDA和pycharm是同样适用,按照方法设置即可一.中文界面 clion.ieda.pycharm ...

html5怎么设置表格背景颜色,Echart 如何设置表格内的背景颜色?

html5怎么设置表格背景颜色,Echart 如何设置表格内的背景颜色?相关推荐

最新文章

热门文章