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

Popular posts from this blog

assembly - What is the addressing mode for ld, add, and rjmp instructions? -

vowpalwabbit - Interpreting Vowpal Wabbit results: Why are some lines appended by "h"? -

Is there a way to convert an HTML page styled with Bootstrap CSS into email-compatible html? -