Echarts可视化教程

  1. 网站首页
  2. 百度ECharts
  3. ECharts实例
  4. ECharts入门
  5. 地图大全
  6. ECharts官网

PHP如何结合JavaScript代码来加载数据并生成图表

<div id="chart" style="width:1000px; height:550px;"></div>
 
<script>
  google.charts.load('current', {packages: ['corechart']});
  google.charts.setOnLoadCallback(drawChart);
 
  function drawChart() {
    var data = new google.visualization.arrayToDataTable(<?php echo $chartData; ?>);
 
    var options = {
      title: 'Sales By Year',
      hAxis: {title: 'Year', titleTextStyle: {color: '#333'}},
      vAxis: {minValue: 0},
      bars: 'vertical',
      colors: ['#1b9e77'],
    };
 
    var chart = new google.visualization.ColumnChart(document.getElementById('chart'));
    chart.draw(data, options);
  }
</script>
点击展开全文

相关文章

  1. 百度Echarts中国相声名家师承关系图
  2. ECharts水球图图表展示数据占比和目标完成情况
  3. 如何利用ECharts中使用地图热力图展示城市热度
  4. 如何利用ECharts中使用地图展示数据
  5. ECharts多轴图如何实现多维度数据

热门workflows工作流