百度ECHart和地圖API使用記錄

ECHart

1、折線圖

option = {
	//調色盤，不設置的話會給每條線默認的顏色
	//線條的文字，線，標記等都會默認使用該顏色
    color:['#F49B60'],
    //設置圖表標題
    title:{
        text:'月會員增量趨勢圖',
        left:'center'
    },
    //生成隨鼠標移動的Y軸線，並顯示數據
    tooltip: {
        trigger: 'axis',//顯示y軸標線
    },
    xAxis: {
        type: 'category',
        data: ['2020-01', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    },
    //x軸滾動條
    dataZoom: [{
      type: 'slider',
      show: true,
      start: 0,
      end: 80 //初始化滾動條
  }],
    yAxis: {
        type: 'value'
    },
    series: [{
        data: [820, 932, 901, 934, 1290, 1330, 1320],
        name: '郵件營銷',//文字描述
        type: 'line',
        //曲線是否平滑
        smooth: true,
      
        label : {
             //是否在折點處顯示數值
            show: true,
            //可單獨調整數值顏色，不設置使用調色盤設置的顏色，下同
            color:'#000'
        },
        itemStyle:{
            //設置折線出圓圈的邊框顏色
            borderColor:'#F49B60',
            //設置圓圈寬度
            borderWidth:3,
        },
        lineStyle:{
            //color:'#F49B60',
            //設置線條寬度
            width:3,
        },
    }],

};

地圖API（js）

1、地圖定位點不在地圖div框的中間位置

使用的定位代碼如下

	var map = new BMap.Map("allmap");
	var point = new BMap.Point(116.331398,39.897445);
	map.centerAndZoom(point,11);

該代碼在其他頁面都是正常顯示，唯獨在一個tab切換頁中，定位地點總是出現在左上角位置，如下

經過在網上查找，根據一個小夥伴的說明，改好了，原因如下：

給切換按鈕加上監聽事件，當地圖div容器顯示且爲第一次點擊時，才執行性地圖程序，這樣可以避免反覆渲染地圖