tooltip定制使用的是formatter,通过函数进行定制,代码如下:

    1. option = {
    2. tooltip: {
    3. trigger: 'axis',
    4. formatter:function(params){
    5. for(var i=0;i<option.series[0].data.length;i++){
    6. str = params[i].name +'<br/>'+ params[0].marker+'蒸发量为:'+ option.series[0].data[params[i].dataIndex]+'毫升'
    7. +'<br/>'+ params[1].marker+' 降水量为:'+option.series[1].data[params[i].dataIndex]+'毫升'
    8. +'<br/>'+ params[2].marker+' 降水量为:'+option.series[2].data[params[i].dataIndex]+'摄氏度'
    9. return str
    10. }
    11. }
    12. },
    13. legend: {
    14. data: ['蒸发量', '降水量', '平均温度']
    15. },
    16. xAxis: [
    17. {
    18. type: 'category',
    19. data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
    20. axisPointer: {
    21. type: 'shadow'
    22. }
    23. }
    24. ],
    25. yAxis: [
    26. {
    27. type: 'value',
    28. name: '水量',
    29. min: 0,
    30. max: 250,
    31. interval: 50,
    32. axisLabel: {
    33. formatter: '{value} ml'
    34. }
    35. },
    36. {
    37. type: 'value',
    38. name: '温度',
    39. min: 0,
    40. max: 25,
    41. interval: 5,
    42. axisLabel: {
    43. formatter: '{value} °C'
    44. }
    45. }
    46. ],
    47. series: [
    48. {
    49. name: '蒸发量',
    50. type: 'bar',
    51. data: [2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3]
    52. },
    53. {
    54. name: '降水量',
    55. type: 'bar',
    56. data: [2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3]
    57. },
    58. {
    59. name: '平均温度',
    60. type: 'line',
    61. yAxisIndex: 1,
    62. data: [2.0, 2.2, 3.3, 4.5, 6.3, 10.2, 20.3, 23.4, 23.0, 16.5, 12.0, 6.2]
    63. }
    64. ]
    65. };

    效果如下:
    image.png