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:
Comments
Post a Comment