Вот код для одной диаграммы Google, которую я вставил в необработанный блок HTML в текстовом редакторе WordPress Visual Composer, – «chart_div1» – это работает на моей веб-странице WP.
#
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> <script type="text/javascript"> google.charts.load('current', {'packages':['corechart']}); google.charts.setOnLoadCallback(drawChart); function drawChart() { var data = google.visualization.arrayToDataTable([ ['X','Y'], [8,12], [6.5,7] ]); var options = { }; var chart = new google.visualization.ScatterChart(document.getElementById('chart_div1')); chart.draw(data, options); } </script> <div id="chart_div1"></div> #
Попытка добавить второй график с графиком id 'chart_div2' на той же странице. Второй график в другом необработанном блоке HTML, но диаграмма не отображается, но только chart_div1 выше.
#
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> <script type="text/javascript"> google.charts.load('current', {'packages':['corechart']}); google.charts.setOnLoadCallback(drawChart); function drawChart() { var data = google.visualization.arrayToDataTable([ ['XX','YY'], [18,112], [16.5,17] ]); var options = { }; var chart = new google.visualization.ScatterChart(document.getElementById('chart_div2')); chart.draw(data, options); } </script> <div id="chart_div2"></div>
#
Попробовали несколько вариантов и не могли заставить их работать. Я также попытался поместить этот код в короткие коды и одну и ту же проблему.
Какие-либо предложения?