Echarts鼠标悬停图表时自定义显示内容

Echarts鼠标悬停图表时自定义显示内容

Echarts实现了数据的可视化，对于鼠标悬浮式显示的内容由tooltip中的formatter控制。
前端页面，引入js文件

<script src="/interface/yaxiang/js/echarts/echarts.min.js"></script>
<div id="chartdiv" style="width: 100%;height: 400px;"></div>

js代码

var punchChart = null;
 // 指定图表的配置项和数据
option = {
    color: ['#DC143C'],
    title: {
  			text: "",
  			subtext: "水果数量"
  					},
    tooltip : {
        trigger: 'axis',
        axisPointer : {            // 坐标轴指示器，坐标轴触发有效
            type : 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
        },
     
						
    },
    grid: {                           //也可用于一个页面显示多个图表
        left: '3%',
        right: '3%',
        bottom: '3%',
        containLabel: true
    },
    xAxis : [
        {