vscode中使用Echarts问题

gys0213 · 发表于 2020-10-22 21:42

我在vscode中直接粘贴使用百度的Echarts第一个示例打开王爷后可以显示图表  但是新建一个html写一个新的打开就不会显示图表这时为什么？代码检查过了和示例一样的一下是我写的帮忙看看为什么不显示图表
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>实现柱状图</title>

<script src="echarts.min.js"></script>
</head>
<body>
<div id='main' style="width: 600px;height: 400px;"></div>
<script>
      var myChart = echarts.init(document.getElementById('main'));
      var option = {
         title: {
            text: '实现柱状图'
         },
         tooltip: {},
         legend: {
            data: ['1班'
         },
         xAxis: {
            type: 'category',
            data: ['张三', '李四', '王二', '李六', '万五', '周天'],
         },
         yAxis: {},
         series: [{
            name='综合成绩',
            type: 'bar',
            data: [88, 87, 95, 68, 59, 99],

      };
      myChart.setOption(option)
</script>
</body>
</html>

kof21411 · 发表于 2020-10-22 21:58

legend: {
            data: ['1班'
         },
这里改为
legend: {
            data: ['1班']
         },

cqfcy · 发表于 2020-10-22 23:06

[HTML] 纯文本查看 复制代码

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title>实现柱状图</title>
  <!-- 引入 echarts.js -->
  <!-- <script src="echarts.min.js"></script> -->
  <!-- 如果本地没有js文件，需要引用网络地址 -->
  <script src="https://cdn.bootcss.com/echarts/3.7.1/echarts.min.js"></script>
</head>

<body>
  <div id='main' style="width: 600px;height: 400px;"></div>
  <script>
    var myChart = echarts.init(document.getElementById('main'));
    var option = {
      title: {
        text: '实现柱状图'
      },
      tooltip: {},
      legend: {
        // []要成对出现
        data: ['1班']
      },
      xAxis: {
        type: 'category',
        data: ['张三', '李四', '王二', '李六', '万五', '周天'],
      },
      yAxis: {},
      series: [{
        // 等号换为冒号
        name: '综合成绩',
        type: 'bar',
        data: [88, 87, 95, 68, 59, 99]
      }]
    };
    myChart.setOption(option)
  </script>

</body>

</html>

帐号		自动登录	找回密码
密码			注册[Register]

[求助] vscode中使用Echarts问题