Twitter Bootstrap портит Google Chart Editor - PullRequest
Новая
       4

Twitter Bootstrap портит Google Chart Editor

0 голосов
/ 25 мая 2018

Я пытаюсь использовать Google Chart Editor и Twitter Bootstrap 4, и я думаю, что они несовместимы.

Вот jsfiddle, где вы можете увидеть демо: http://jsfiddle.net/bx4sgsrf/

Базовый пример для Google Chart: 

google.charts.load('current', {packages: ['charteditor']});
 google.charts.setOnLoadCallback(loadEditor);
    var chartEditor = null;

    function loadEditor() {
      // Create the chart to edit.
      var wrapper = new google.visualization.ChartWrapper({
         'chartType':'LineChart',
         'dataSourceUrl':'http://spreadsheets.google.com/tq?key=pCQbetd-CptGXxxQIG7VFIQ&pub=1',
         'query':'SELECT A,D WHERE D > 100 ORDER BY D',
         'options': {'title':'Population Density (people/km^2)', 'legend':'none'}
      });

      chartEditor = new google.visualization.ChartEditor();
      google.visualization.events.addListener(chartEditor, 'ok', redrawChart);
      chartEditor.openDialog(wrapper, {});
    }

    // On "OK" save the chart to a <div> on the page.
    function redrawChart(){
      chartEditor.getChartWrapper().draw(document.getElementById('vis_div'));
    }

без Bootstrap 4, все в порядке: http://jsfiddle.net/v3wk42Lb/

Мне нужно использовать Bootstrap с Chart Editor, и они не работают вместе, чтовызывает эту проблему?

...