javascript - How to set the background color in a LineChart (Google visualization) in Android? -


ok, sounds stupid question. , is... sorry if so, not find answer.

i have linechart, , want set black semi transparent background. whole thing, not frame around chart: don't want see frame.

in chrome , firefox looks great. however, in android looks awful, chart white (?) , background black, , cannot changed it! i've played long time backgroundcolor, backgroundcolor.fill, colors, css, without success. tried both:

google.load('visualization', '1', {packages: ['corechart']}); 

and

google.load('visualization', '1.1', {packages: ['corechart']}); 

is android webview bug or what??

this code. first, css of div containing chart, , linechart options:

css:

  #elevation_chart {     position: absolute;     padding: 0px;     bottom: 3px;     left: 3px;     visibility: hidden;     opacity: 0.5;   } 

javascript:

var option = {   legend: 'none',   height: 100,   width: 200,   curvetype:'function',   linewidth: 2,   colors: ["#ffff00"],   chartarea: {left: 35, width: 160, height: 90 },   vaxis: {     gridlines: {color: '#fff', count: 8},     baselinecolor: 'black',     textstyle: { color: '#fff', bold: true },   },   backgroundcolor: '#000',   intervals: { 'style':'line' }, // use line intervals.   focustarget: 'category',   tooltip: { trigger: 'none' },   } 

thanks!

l.

you want set backgroundcolor transparent:

http://jsfiddle.net/63phz/


Comments

Popular posts from this blog

user interface - How to replace the Python logo in a Tkinter-based Python GUI app? -

objective c - Greedy NSProgressIndicator Allocation -

how to set an OCR language in Google Drive -