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>

xiaosi4081 · 发表于 2020-7-22 14:55:47

本帖最后由 xiaosi4081 于 2020-7-22 14:58 编辑

<!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>

你犯的错误好低级呀

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>

FC的注册很坑 · 发表于 2020-7-22 15:29:04

<!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='text/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>

账号		自动登录	找回密码
密码			立即注册

[技术交流] web可视化

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