1.設(shè)置標(biāo)題

var option1?= {
?? ??? ??? ??? ?title:{
?? ??? ??? ??? ??? ?text:'當(dāng)月每日參保人數(shù)分布圖',//設(shè)置標(biāo)題名字
?? ??? ??? ??? ??? ?left:'center'//設(shè)置標(biāo)題位置
?? ??? ??? ??? ?},
?? ??? ??? ??? ?tooltip: {
?? ??? ??? ??? ??? ?trigger: 'axis',
?? ??? ? ? ? ? ? ? ?axisPointer: {
?? ??? ? ? ? ? ? ? ? ? ?lineStyle: {
?? ??? ? ? ? ? ? ? ? ? ? ? ?color: '#57617B'
?? ??? ? ? ? ? ? ? ? ? ?}
?? ??? ? ? ? ? ? ? ?}
?? ??? ??? ??? ?},
?? ??? ??? ??? ?legend: {
?? ??? ? ? ? ? ? ? ?icon: 'rect',
?? ??? ? ? ? ? ? ? ?itemWidth: 14,
?? ??? ? ? ? ? ? ? ?itemHeight: 5,
?? ??? ? ? ? ? ? ? ?itemGap: 13,?
?? ??? ? ? ? ? ? ? ?data: ['養(yǎng)老','醫(yī)保'],
?? ??? ? ? ? ? ? ? ?right: '20%',//設(shè)置字體偏移量
?? ??? ? ? ? ? ? ? ?textStyle: {
?? ??? ? ? ? ? ? ? ? ? ?fontSize: 16,//設(shè)置字體大小
?? ??? ? ? ? ? ? ? ? ? ?color: '#57617B'
?? ??? ? ? ? ? ? ? ?}?
?? ??? ? ? ? ? ?},
?? ??? ? ? ? ? ?grid: {
?? ??? ? ? ? ? ? ? ?left: '8%',//設(shè)置圖表距離左邊界的距離
?? ??? ? ? ? ? ? ? ?right: '8%',//設(shè)置圖表距離右邊界的距離
?? ??? ? ? ? ? ? ? ?top:'20%',//設(shè)置圖表距離上邊界的距離
?? ??? ? ? ? ? ? ? ?//bottom: '30%',//設(shè)置圖表距離下邊界的距離
?? ??? ? ? ? ? ? ? ?containLabel: true
?? ??? ? ? ? ? ?},
?? ??? ??? ??? ?xAxis: [
?? ??? ??? ??? ??? ?{
?? ??? ??? ??? ??? ??? ?type: 'category',
?? ??? ??? ??? ??? ??? ?data:['0','1','2','3','4','5','6','7','8','9','10','11','12','13','14','15','16','17','18','19','20','21','22','23'],
?? ??? ??? ??? ??? ??? ?axisTick: {
?? ??? ??? ??? ??? ??? ??? ?alignWithLabel: true
?? ??? ??? ??? ??? ??? ?},
?? ??? ??? ??? ??? ?}
?? ??? ??? ??? ?],
?? ??? ??? ??? ?yAxis: [
?? ??? ??? ??? ??? ?{
?? ??? ??? ??? ??? ??? ?type: 'value',
?? ??? ??? ??? ??? ??? ?name: '單位：人'
?? ??? ??? ??? ??? ?}
?? ??? ??? ??? ?],
?? ??? ??? ??? ?series: [
?? ??? ??? ??? ??? ?{
?? ??? ??? ??? ??? ??? ?name: '養(yǎng)老',
?? ??? ??? ??? ??? ??? ?type: 'line',
?? ??? ??? ??? ??? ?},
?? ??? ??? ??? ??? ?{
?? ??? ??? ??? ??? ??? ?name: '醫(yī)保',
?? ??? ??? ??? ??? ??? ?type: 'line',
?? ??? ??? ??? ??? ?}
?? ??? ??? ??? ?]
?? ??? ??? ?};

總結(jié)

以上是生活随笔為你收集整理的echarts设置折线图属性的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。