Удалить границу HighCharts для Android

Я пытаюсь загрузить highchart js в веб-обозревателе Android, и он отлично работает!Удалить границу HighCharts для Android

Мой веб-просмотр находится в LinearLayout, и я хочу, чтобы фон обоих макетов был одного цвета. Но вокруг моей диаграммы есть нежелательная белая рамка, которую я не могу удалить.

Я установил цвет фона диаграммы в файле js и цвет фона linearlayout в файле xml. Я попытался установить оранжевый цвет фона в веб-просмотр, но я не вижу его. Я также попытался изменить атрибуты bordercolor и borderize диаграммы, но проблема осталась прежней. я не знаю, что теперь делать ....

Мой макет выглядит следующим образом:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
xmlns:tools="http://schemas.android.com/tools" 
android:layout_width="match_parent" 
android:layout_height="match_parent" 
android:orientation="vertical" 
android:paddingBottom="@dimen/activity_vertical_margin" 
android:paddingLeft="@dimen/activity_horizontal_margin" 
android:paddingRight="@dimen/activity_horizontal_margin" 
android:paddingTop="@dimen/activity_vertical_margin" 
android:background="#d6d7d4" 
tools:context=".MainActivity" > 

<WebView 
    android:id="@+id/chartView" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:background="@android:color/holo_orange_dark"/> 

<ListView 
    android:id="@+id/alarmList" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content"/>

И мои JS вроде этого:

$(document).ready(function() { 
var chart1 = new Highcharts.Chart({ 
    chart: { 
     renderTo: 'container', 
     backgroundColor: '#d6d7d4', 

     zoomType: 'x' 
    }, 
    xAxis: { 
     type: 'datetime', 
     dateTimeLabelFormats: { 
      year: '%Y' 
     } 
    }, 
    yAxis: { 
     title: { 
      text: 'MW' 
     }, 
     max: 500, 
     plotBands: [{ 
      from: 0, 
      to: 100, 
      color: 'rgba(247, 247, 247, 0.3)' 
     }, { 
      from: 100, 
      to: 200, 
      color: 'rgba(215, 216, 212, 0.3)' 
     }, { // Light breeze 
      from: 200, 
      to: 300, 
      color: 'rgba(247, 247, 247, 0.3)' 
     }, { // Light breeze 
      from: 300, 
      to: 400, 
      color: 'rgba(215, 216, 212, 0.3)' 
     },{ 
      from: 400, 
      to: 500, 
      color: 'rgba(247, 247, 247, 0.3)' 
     }] 
    }, 
    title: { 
     text: '' 
    }, 
    subtitle: { 
     text: '' 
    }, 
    tooltip: { 
     formatter: function() { 
      return '<b>'+ this.series.name +'</b><br/>'+ 
      Highcharts.dateFormat('%Y', this.x) +': '+ this.y +' %'; 
     }, 
     valueDecimals: 1, 
     valueSuffix: ' %' 
    }, 
    series: 
    [{ 
     data: [[Date.UTC(2005, 1, 1),0], 
      [Date.UTC(2008, 1, 1),10], 
      [Date.UTC(2008, 1, 1),20], 
      [Date.UTC(2010, 10, 1),30], 
      [Date.UTC(2010, 10, 1),40], 
      [Date.UTC(2013, 7, 1),50], 
      [Date.UTC(2013, 7, 1),80]], 
     type: 'line', 
     color: "#504AA9" 
    }] 
});

}) ;

И скриншот моего андроида экрана:

enter image description here

источник

2013-07-19 Ant-1

Установка фона веб-страницы может избавиться от него.

http://jsfiddle.net/48wEc/

<body style="background-color:#d6d7d4;"> </body>

Если нет, то это должно быть вашим WebView сделать что пансионера как некоторые.

источник

2013-07-19 17:22:13

Вот и все! Спасибо, Райан –

Удалить границу HighCharts для Android

ответ

Смежные вопросы