Customize Google Charts with CSS -
Customize Google Charts with CSS -
i want customize classes in google charts.
as far i'm concerned, there 2 options i've stumbled upon. first alternative is:
just inspect elements in browser, see name of classes is, give them new rules in css file. in cases i've set!important; override rule. alternative seems "ugly", because forcing class have !important; state ugly. .charts-menu-button, .charts-menu-button-inner-box { width: 200px; line-height: 55px; border: 0 !important; padding: 0 !important; } this sec alternative i'm pretty confused over. read google chart docs, suggest phone call "cssclass", this: options: { ui: { cssclass: {} } } what don't understand when i'm going sec option, absolute nil happens class want customize.
so question is: doing wrong here, , there other way?
set cssclassnames in options chart below. define classes in css file. below illustration table chart.
chart1.options = { // title: "user chart", displayexactvalues: true, 'showrownumber': false, 'allowhtml': true, is3d: true, // 'height' : '350px', cssclassnames : { headerrow :'tablechartheaderrow', hovertablerow : 'tablechartheaderrowhighlightedstate' } };
css charts google-visualization
Comments
Post a Comment