使用CSS自定义Google图表

就我而言，我有两个选择，我偶然发现。第一个选项是：

只要检查浏览器中的元素，看看类的名称是什么，然后给他们新的规则在CSS文件。在某些情况下，我必须设置!important;来覆盖规则。这个选项看起来非常“丑陋”，因为迫使这个班级有一个!important;状态只是丑陋的。

.charts-menu-button, 
.charts-menu-button-inner-box { 
    width: 200px; 
    line-height: 55px; 
    border: 0 !important; 
    padding: 0 !important; 
}

这是我很困惑在我的第二个选项。当我读谷歌图文档，他们建议调用“的CssClass”，像这样：

options: { 
ui: { 
cssClass: {} 
    } 
}

我不明白的是，当我有第二个选项去，绝对没有什么事情发生在我想要定制的课程上。

所以我的问题是：我在这里做错了什么，有没有其他方式？

来源

2014-11-03 maverick

在图表的选项中设置cssclassnames如下所示。定义css文件中的类。下面的例子是为表格。

chart1.options = {// 标题： “用户表”， displayExactValues：真， 'showRowNumber'：假， 'allowHtml'：真， is3D：真， // '高度'： '350px'， cssClassNames：{ headerRow：'tableChartHeaderRow'， hoverTableRow：'tableChartHeaderRowHighlightedState' } };

来源

2014-11-03 10:46:24 vinod

这里并没有真正关注你。你有时间和精力去做小提琴吗？ – maverick 2014-11-03 12:15:36

http://jsfiddle.net/snz2bdcy/请检查。一旦找到与我自己完成的相关的答案相关的 – vinod 2014-11-03 12:46:19

，请将其标记为有用......但在某些情况下，我已经使用！important重写了一些规则; – maverick 2014-11-03 12:55:34

使用CSS自定义Google图表

回答

相关问题