Javascript amChart在pc上显示,但不';t在移动设备上渲染
我有一个简单的XY图表,当我在PC上查看它时,它可以正常工作,但当我尝试在手机上查看它时,它只显示空白。我一直在看amChart文档,我启用了响应插件,但没有效果。我在MobileCrome/safari上测试过,结果是一样的。我做错了什么?如果您访问并导航到历史记录,您将找到图表。(登录dashboard.html将启动温度模拟,该模拟将在历史记录页面的图表中提供数据系列)Javascript amChart在pc上显示,但不';t在移动设备上渲染,javascript,mobile,charts,responsive-design,amcharts,Javascript,Mobile,Charts,Responsive Design,Amcharts,我有一个简单的XY图表,当我在PC上查看它时,它可以正常工作,但当我尝试在手机上查看它时,它只显示空白。我一直在看amChart文档,我启用了响应插件,但没有效果。我在MobileCrome/safari上测试过,结果是一样的。我做错了什么?如果您访问并导航到历史记录,您将找到图表。(登录dashboard.html将启动温度模拟,该模拟将在历史记录页面的图表中提供数据系列) // am4core code - builds chart function makeChart(sensorID)
// am4core code - builds chart
function makeChart(sensorID) {
// Pulling data from selected sensor
// eslint-disable-next-line object-curly-spacing
const { tempRecords } = sensorListData[sensorID];
// Create chart instance
let chart = am4core.create('chartdiv', am4charts.XYChart);
// Add data
// chart.data = generateChartData();
chart.data = tempRecords;
// Create axes
let dateAxis = chart.xAxes.push(new am4charts.DateAxis());
dateAxis.renderer.minGridDistance = 50;
dateAxis.title.text = 'Date';
dateAxis.dateFormats.setKey('MMM dd hh:mm:ss a');
// eslint-disable-next-line no-unused-vars
let valueAxis = chart.yAxes.push(new am4charts.ValueAxis());
// Create series
let series = chart.series.push(new am4charts.LineSeries());
series.dataFields.valueY = 'temp';
series.dataFields.dateX = 'date';
series.strokeWidth = 2;
series.minBulletDistance = 10;
series.tooltipText = '{valueY}';
series.tooltip.pointerOrientation = 'vertical';
series.tooltip.background.cornerRadius = 20;
series.tooltip.background.fillOpacity = 0.5;
series.tooltip.label.padding(12, 12, 12, 12);
// Adding yAxis Title
valueAxis.title.text = 'Temperature';
// Add scrollbar
chart.scrollbarX = new am4charts.XYChartScrollbar();
chart.scrollbarX.series.push(series);
// Add cursor
chart.cursor = new am4charts.XYCursor();
chart.cursor.xAxis = dateAxis;
chart.cursor.snapToSeries = series;
// Add responsive plugin
chart.responsive.enabled = true;
}