<!DOCTYPE html> <htmlhead> meta charset="utf-8"title>第一个 ECharts 实例</<!-- 引入 echarts.js --> script src="https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js"></scriptbody 为ECharts准备一个具备大小(宽高)的Dom --> div id="main" style="width: 600px;height:400px;"divtype="text/javascript"> // 基于准备好的dom,初始化echarts实例 var myChart = echarts.init(document.getElementById('main)); 指定图表的配置项和数据 option { xAxis: { type: category,data: [MonTueWedThuFriSatSun],axisLine :{ lineStyle:{ color:#912CEE } } },yAxis: { type: value#87CEFA折线图模拟数据center },tooltip: { trigger: axis工具框,可以选择 toolbox: { feature: { saveAsImage: {} 下载工具 } },legend: { orient 设置布局方式,默认水平布局,可选值:'horizontal'(水平) ¦ 'vertical'(垂直) orient: horizontal x 设置水平安放位置,默认全图居中,可选值:'center' ¦ 'left' ¦ 'right' ¦ {number}(x坐标,单位px) x: left y 设置垂直安放位置,默认全图顶端,可选值:'top' ¦ 'bottom' ¦ 'center' ¦ {number}(y坐标,单位px) y: top现价原价] },series: [ 1: { name:"820932901934129013301320linecircletrue } },lineStyle:{ 使用rgba设置折线透明度为0,可以视觉上隐藏折线 color: rgba(0,0) } } },1)"> 2: 44456789021143225324356#36ee4f } } } ] }; 使用刚指定的配置项和数据显示图表。 myChart.setOption(option); >