Дарт ДивЭлемент - PullRequest
Новая
       18

Дарт ДивЭлемент

0 голосов
/ 26 сентября 2018

Я хочу вставить мою диаграмму диаграммы в Div.В HTML у меня есть такой элемент div 

<div id="barchart_values" style="width: 900px; height: 300px;"></div>

В дротике я создаю контейнер, подобный этому. 

Element createContainer() {
var e = new DivElement()
  ..style.height = '300px'
  ..style.maxWidth = '70%'
  ..style.marginBottom = '50px';
document.body.append(e);
return e;
}

Функция createContainer работает нормально, как указано выше ... Iхочу нарисовать диаграмму точно внутри "barchart_values" div.Я попытался, как показано ниже, но он не работает 

Element createContainer() {
 var e = querySelector('barchart_values');
 document.body.append(e);
 return e;
}

Может кто-нибудь сказать мне, как добавить диаграмму внутри элемента div 'barchart_values'

Мой код Barchart 

import 'package:modern_charts/modern_charts.dart';
BarChart chart;
DataTable table;  
table = new DataTable([
    ['Categories', 'Current', 'X1', 'X2', 'X3'],
    ['Value', 0, 0, 0, 0],
    ['', null, null, null, null],
  ]);



  var container1 = createContainer();

  var options = {
    'animation': {
      'onEnd': () {

      }
    },
    'series': {
      'labels': {'enabled': true}
    },
    'xAxis': {
      'crosshair': {'enabled': true},
      'labels': {'maxRotation': 90, 'minRotation': 0}
    },
    'yAxis': {'maxValue': 20, 'minInterval': 5},
    'title': {'text': 'Values'},
    'tooltip': {'valueFormatter': (value) => '$value core'}
  };

  chart = new BarChart(container1);
  chart.draw(table, options);
  //// end of chart creation

Это ошибка, которую я получаю

NullError: метод не найден: 'toString' в null Причина: null STACKTRACE: [TypeError: Невозможно прочитать свойство 'toString' из null в BarChart.Chart $ 1

1 Ответ

0 голосов
/ 26 сентября 2018

Добавьте это к вашему элементу 

<div id="barchart_values" style="width: 900px; height: 300px;"></div>

и createContainer как 

Element createContainer() {
 return getElementById('barchart_values');
}
...