当前位置:   article > 正文

echarts 修改tooltip字体大小_echarts tooltip字体大小

echarts tooltip字体大小

效果图:

 代码示例:

  1. import * as echarts from 'echarts';
  2. var chartDom = document.getElementById('main');
  3. var myChart = echarts.init(chartDom);
  4. var option;
  5. option = {
  6. title: {
  7. text: 'Referer of a Website',
  8. subtext: 'Fake Data',
  9. left: 'center'
  10. },
  11. tooltip: {
  12. trigger: 'item',
  13. position: function (p) {
  14. //其中p为当前鼠标的位置
  15. return [p[0] + 35, p[1] - 10];
  16. },
  17. textStyle: {
  18. fontSize: 30 // 字体大小
  19. },
  20. extraCssText: 'width:160px;height:100px;background:red;' // 背景色
  21. },
  22. legend: {
  23. orient: 'vertical',
  24. left: 'left'
  25. },
  26. series: [
  27. {
  28. name: 'Access From',
  29. type: 'pie',
  30. radius: '50%',
  31. data: [
  32. { value: 1048, name: 'Search Engine' },
  33. { value: 735, name: 'Direct' },
  34. { value: 580, name: 'Email' },
  35. { value: 484, name: 'Union Ads' },
  36. { value: 300, name: 'Video Ads' }
  37. ],
  38. emphasis: {
  39. itemStyle: {
  40. shadowBlur: 10,
  41. shadowOffsetX: 0,
  42. shadowColor: 'rgba(0, 0, 0, 0.5)'
  43. }
  44. }
  45. }
  46. ]
  47. };
  48. option && myChart.setOption(option);

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/小丑西瓜9/article/detail/308766
推荐阅读
相关标签
  

闽ICP备14008679号