设为首页收藏本站
切换到窄版

鱼C论坛

 找回密码
 立即注册
鱼C论坛»论坛 › 编程语言专区 › Web开发 › web可视化
返回列表 发新帖
查看: 3222|回复: 5

[技术交流] web可视化

[复制链接]
haoge404407
发表于 2020-7-22 14:50:29 | 显示全部楼层 |阅读模式

马上注册，结交更多好友，享用更多功能^_^

您需要 登录 才可以下载或查看，没有账号？立即注册

x
求助大佬，为啥我这个图表加载不出，找不出bug了，求助大佬？

<!DOCTYPE html>
<html>
<head>
        <meta name='viewport' content='width=device-width, initial-scale=1.0'>
        <meta charset='utf-8'>
        <title>Basic Line Chart</title>
        <script src="https://cdn.staticfile.org/echarts/4.8.0/echarts.min.js">
        </script>
</head>
<body>
        <div id='main' style="width: 600px; height: 400px;"></div>
        <script type='javascript'>
                var myChart = echarts.init(document.getElementByid('main'))
                        ;
                var option ={
                        title: {
                                text: '第一个实例'
                        },
                        tooltip: {},
                        legend:{
                                data:['销量']
                        },
                        xAxis: {
                                type: 'category',
                                data: ['Mon','Tue','Wed','Thu','Fri','Sat','Sun']
                        },
                        yAxis: {
                                type : 'value'
                        },
                        series: [{
                                data: [820, 932, 901, 934, 1290, 1330, 1320],
                                type: 'line'
                        }]
                };
                myChart.setOption(option);
</body>
</html>
小甲鱼最新课程 -> https://ilovefishc.com
回复

使用道具 举报

xiaosi4081
发表于 2020-7-22 14:55:47 | 显示全部楼层
本帖最后由 xiaosi4081 于 2020-7-22 14:58 编辑
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.         <meta name='viewport' content='width=device-width, initial-scale=1.0'>
  5.         <meta charset='utf-8'>
  6.         <title>Basic Line Chart</title>
  7.         <script src="https://cdn.staticfile.org/echarts/4.8.0/echarts.min.js">
  8.         </script>
  9. </head>
  10. <body>
  11.         <div id='main' style="width: 600px; height: 400px;"></div>
  12.         <script type='javascript'>
  13.                 var myChart = echarts.init(document.getElementByid('main'))
  14.                         ;
  15.                 var option ={
  16.                         title: {
  17.                                 text: '第一个实例'
  18.                         },
  19.                         tooltip: {},
  20.                         legend:{
  21.                                 data:['销量']
  22.                         },
  23.                         xAxis: {
  24.                                 type: 'category',
  25.                                 data: ['Mon','Tue','Wed','Thu','Fri','Sat','Sun']
  26.                         },
  27.                         yAxis: {
  28.                                 type : 'value'
  29.                         },
  30.                         series: [{
  31.                                 data: [820, 932, 901, 934, 1290, 1330, 1320],
  32.                                 type: 'line'
  33.                         }]
  34.                 };
  35.                 myChart.setOption(option);
  36.         </script>
  37. </body>
  38. </html>
复制代码


你犯的错误好低级呀
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

xiaosi4081
发表于 2020-7-22 14:59:27 | 显示全部楼层
<!DOCTYPE html>
<html>
<head>
        <meta name='viewport' content='width=device-width, initial-scale=1.0'>
        <meta charset='utf-8'>
        <title>Basic Line Chart</title>
        <script src="https://cdn.staticfile.org/echarts/4.8.0/echarts.min.js">
        </script>
</head>
<body>
        <div id='main' style="width: 600px; height: 400px;"></div>
        <script type='javascript'>
                var myChart = echarts.init(document.getElementByid('main'))
                        ;
                var option ={
                        title: {
                                text: '第一个实例'
                        },
                        tooltip: {},
                        legend:{
                                data:['销量']
                        },
                        xAxis: {
                                type: 'category',
                                data: ['Mon','Tue','Wed','Thu','Fri','Sat','Sun']
                        },
                        yAxis: {
                                type : 'value'
                        },
                        series: [{
                                data: [820, 932, 901, 934, 1290, 1330, 1320],
                                type: 'line'
                        }]
                };
                myChart.setOption(option);
        </script>
</body>
</html>
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

FC的注册很坑
发表于 2020-7-22 15:29:04 | 显示全部楼层
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.         <meta name='viewport' content='width=device-width, initial-scale=1.0'>
  5.         <meta charset='utf-8'>
  6.         <title>Basic Line Chart</title>
  7.         <script src="https://cdn.staticfile.org/echarts/4.8.0/echarts.min.js">
  8.         </script>
  9. </head>
  10. <body>
  11.         <div id='main' style="width: 600px; height: 400px;"></div>
  12.         <script type='text/javascript'>
  13.                 var myChart = echarts.init(document.getElementById('main'))
  14.                         ;
  15.                 var option ={
  16.                         title: {
  17.                                 text: '第一个实例'
  18.                         },
  19.                         tooltip: {},
  20.                         legend:{
  21.                                 data:['销量']
  22.                         },
  23.                         xAxis: {
  24.                                 type: 'category',
  25.                                 data: ['Mon','Tue','Wed','Thu','Fri','Sat','Sun']
  26.                         },
  27.                         yAxis: {
  28.                                 type : 'value'
  29.                         },
  30.                         series: [{
  31.                                 data: [820, 932, 901, 934, 1290, 1330, 1320],
  32.                                 type: 'line'
  33.                         }]
  34.                 };
  35.                 myChart.setOption(option);
  36.                 </script>
  37. </body>
  38. </html>
复制代码
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2025-4-19 21:58

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表