Линейный график AmCharts 4 не отвечает? - PullRequest
Новая
       6

Линейный график AmCharts 4 не отвечает?

0 голосов
/ 07 января 2020

Я создал линейный график AmCharts. Он отображает всю ширину и высоту своего div на Firefox, однако в сафари и chrome он выглядит меньше. Я скопировал код ниже и включил скриншот браузера. Любые идеи будут оценены?

Скриншоты - https://imgur.com/a/gVQfITV


<div id="content" class="p-4 p-md-5 pt-5">

        <h2 class="mb-4">Member Count</h2>

        <div class="row chartRowHeight">

        <div id="chartdiv"></div>

        </div>

    </div>

-----------------------------------------------------------------


<script>
am4core.ready(function() {

// Themes begin
am4core.useTheme(am4themes_animated);
// Themes end

var chart = am4core.create("chartdiv", am4charts.XYChart);
chart.responsive.enabled = true;


var data = [];

var rawData = {{ memberData|tojson }};

console.log(rawData)


chart.data = rawData;

// Create axes
var dateAxis = chart.xAxes.push(new am4charts.DateAxis());
dateAxis.renderer.minGridDistance = 60;
chart.numberFormatter.numberFormat = "#.";
var valueAxis = chart.yAxes.push(new am4charts.ValueAxis());

// Create series
var series = chart.series.push(new am4charts.LineSeries());
series.dataFields.valueY = "value";
series.dataFields.dateX = "date";
series.tooltipText = "{value}"

series.tooltip.pointerOrientation = "vertical";

chart.cursor = new am4charts.XYCursor();
chart.cursor.snapToSeries = series;
chart.cursor.xAxis = dateAxis;

//chart.scrollbarY = new am4core.Scrollbar();
chart.scrollbarX = new am4core.Scrollbar();

}); // end am4core.ready()
</script>```


  [1]: https://i.stack.imgur.com/N9Ycy.png
...