Javascript 谷歌表格图表样式

Javascript 谷歌表格图表样式,javascript,css,charts,Javascript,Css,Charts,谷歌桌面图表上的样式似乎不是很好。即使在自己的网页上的示例(自定义表格示例)也不起作用?像金色的边界?我什么也看不到 我想设计我自己的谷歌表格图表,并删除单元格周围的边框?任何人怎么能让它发挥作用,我都会很高兴的。我的代码是这样的 CSS: .remove-cell-border{ border: none; } chartService.js var drawTableChart = function (data, type) { var cssClas

谷歌桌面图表上的样式似乎不是很好。即使在自己的网页上的示例(自定义表格示例)也不起作用?像金色的边界?我什么也看不到

我想设计我自己的谷歌表格图表,并删除单元格周围的边框?任何人怎么能让它发挥作用,我都会很高兴的。我的代码是这样的

CSS:

  .remove-cell-border{
        border: none;
    }
chartService.js

var drawTableChart = function (data, type) {

    var cssClassNames = {
        'headerRow': "header-grey-font",
        'tableRow': "remove-cell-border",
        'headerCell': "remove-cell-border",
        'tableCell': "remove-cell-border",
    };

    var chartObject = {
        "type": type,
        "display": false,
        "data": data,
        "options": { 
            "allowHtml": true,
            "isStacked": "true",
            "fill": 20,
            "displayExactValues": false,
            "cssClassNames": cssClassNames
            },
        "formatters": {}
    };
    return chartObject;
};

return {
    drawTableChart: drawTableChart
};

问题是其他CSS正在覆盖我的边框样式。因此,现在当我将CSS更改为
时,它正在工作!重要信息

.remove-cell-border{
    border: none !important;
}