Как установить цвет фона в LineChart (визуализация Google) на Android?

Хорошо, это звучит как глупый вопрос. И, вероятно, есть... извините, если так, но я не смог найти ответ.

У меня есть LineChart, и я хочу установить его с черным полупрозрачным фоном. ВСЕ, а не только рамка вокруг диаграммы: я не хочу видеть никакой рамки.

В Chrome и Firefox это выглядит великолепно. Однако в Android это выглядит ужасно, с БЕЛОЙ диаграммой (?) и черным фоном, и я не могу это изменить! Я долго играл с backgroundColor, backgroundColor.fill, colors, CSS, но безуспешно. Я даже пробовал с обоими:

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

а также

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

Это ошибка веб-просмотра Android или что?

Это мой код. Сначала CSS div, содержащего диаграмму, а затем параметры LineChart:

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' },
  }

Спасибо!

L.


person Luis A. Florit    schedule 25.03.2014    source источник


Ответы (1)


Вы хотите установить backgroundColor на transparent:

http://jsfiddle.net/63Phz/

person Jeremy Faller    schedule 25.03.2014
comment
Верно!! Однако мне пришлось изменить CSS и в HTML: опция opacity портит график в Android, как в webview, так и в браузере (Dolphin), безусловно, ошибка. Итак, помимо backgroundColor: 'transparent' в опции LineChart javascript, я удалил опцию opacity CSS и добавил background-color: rgba(0, 0, 0, 0.25). Большое спасибо! - person Luis A. Florit; 26.03.2014