Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/391.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript amChart在pc上显示,但不';t在移动设备上渲染_Javascript_Mobile_Charts_Responsive Design_Amcharts - Fatal编程技术网

Javascript amChart在pc上显示,但不';t在移动设备上渲染

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)

我有一个简单的XY图表,当我在PC上查看它时,它可以正常工作,但当我尝试在手机上查看它时,它只显示空白。我一直在看amChart文档,我启用了响应插件,但没有效果。我在MobileCrome/safari上测试过,结果是一样的。我做错了什么?如果您访问并导航到历史记录,您将找到图表。(登录dashboard.html将启动温度模拟,该模拟将在历史记录页面的图表中提供数据系列)

// 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;
}