echart数据可视化模板

项目栈
template
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>入门程序</title>
    <script src="js/echarts.js"></script>
    <style>
        #main {
            width: 600px;
            height: 400px;
        }
    </style>
</head>
<body>
<!-- 创建 图表显示的元素-->
<div id="main"></div>
<script type="text/javascript">
    // 基于准备好的dom，初始化echarts实例
    var myChart = echarts.init(document.getElementById('main'));

    // 指定图表的配置项和数据
    var option = {
        // 图表的标题部分
        title: {
            //正标题的内容
            text: '',
            // 副标题的内容
            subtext: ''
        },
        toolbox: {
            show: true,
            feature: {
            }
        },
        tooltip: {
            show: true,
            trigger: "axis" // item值：鼠标移动到对应的形状上才会出现提示
        },
        // 图例
        legend: {
            // 图例的标签  - 和series当中的元素的name属性对应的，可以少写，但是不能写错
            data:[]
        },
        // 横坐标轴
        xAxis: {
            type: 'category', //表明当前坐标轴的类型  默认横坐标轴就是类目
            data: []
        },
        // 纵坐标轴
        yAxis: {
            type: 'value' //表明当前坐标轴的类型，纵坐标轴的默认类型是 值
        },
        // 序列/系列
        series: [
            {
                name: '', // 当前数据的名称
                type: '', // 当前数据的展现形式 bar 柱形图 line 折线图 etc.
                data: [] // 需要展示的数据
            }
        ]
    };

    // 使用刚指定的配置项和数据显示图表。
    myChart.setOption(option);
</script>
</body>
</html>
来源：CSDN
作者：小王小王指定辉煌
链接：https://blog.csdn.net/qq_41101213/article/details/104674939
标签
数据可视化
大数据