javascript - Google 表格图表样式

Question

Google 表格图表的样式似乎效果不佳。连上自己网页上的例子https://developers.google.com/chart/interactive/docs/examples (自定义表格示例)不起作用？比如金边？我什么都看不到？

我想设计我自己的 google 表格图表的样式并移除单元格周围的边框？任何人如何让它工作我都会很高兴。我的代码如下所示。

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

Answer 1

问题是其他一些 CSS 覆盖了我的边框样式。所以现在当我将我的 CSS 更改为 !important 时它正在工作。

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