1. 程式人生 > >echarts自定義提示框的文字

echarts自定義提示框的文字

 

option = {
    color: ['#3398DB'],

//預設的提示框及提示文字
     /*tooltip : {
        trigger: 'axis', 
       axisPointer : {            // 座標軸指示器,座標軸觸發有效
            type : 'shadow'        // 預設為直線,可選為:'line' | 'shadow'
        }
    },*/

//自定義提示框的提示格式和文字
    tooltip: {    //工具提示 提示框
        trigger: 'item',
         formatter: function (params) {
            return params.name + ' <br/>直接訪問: ' +  params.data + '個';
       }
    },
    grid: {
        left: '3%',
        right: '4%',
        bottom: '3%',
        containLabel: true
    },
    xAxis : [
        {
            type : 'category',
            data : ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
            axisTick: {
                alignWithLabel: true
            }
        }
    ],
    yAxis : [
        {
            type : 'value'
        }
    ],
    series : [
        {
            name:'直接訪問',
            type:'bar',
            barWidth: '60%',
            data:[10, 52, 200, 334, 390, 330, 220]
        }
    ]
};