当前位置:   article > 正文

【Echarts】Tooltip属性设置_echarts tooltip设置

echarts tooltip设置
  1. tooltip: {
  2. show: true, // 是否显示
  3. trigger: 'axis', // 触发类型 'item'图形触发:散点图,饼图等无类目轴的图表中使用; 'axis'坐标轴触发;'none':什么都不触发。
  4. axisPointer: { // 坐标轴指示器配置项。
  5. type: 'shadow', // 'line' 直线指示器 'shadow' 阴影指示器 'none' 无指示器 'cross' 十字准星指示器。
  6. axis: 'auto', // 指示器的坐标轴。
  7. snap: true, // 坐标轴指示器是否自动吸附到点上
  8. },
  9. showContent: true, //是否显示提示框浮层,默认显示。
  10. triggerOn: 'mouseover', // 触发时机 'mouseover'鼠标移动时触发。 'click'鼠标点击时触发。 'mousemove|click'同时鼠标移动和点击时触发。
  11. enterable: false, // 鼠标是否可进入提示框浮层中,默认为false,如需详情内交互,如添加链接,按钮,可设置为 true。
  12. renderMode: 'html', // 浮层的渲染模式,默认以 'html 即额外的 DOM 节点展示 tooltip;
  13. backgroundColor: 'rgba(50,50,50,0.7)', // 提示框浮层的背景颜色。
  14. borderColor: '#333', // 提示框浮层的边框颜色。
  15. borderWidth: 0, // 提示框浮层的边框宽。
  16. padding: 5, // 提示框浮层内边距,
  17. textStyle: { // 提示框浮层的文本样式。
  18. color: '#fff',
  19. fontStyle: 'normal',
  20. fontWeight: 'normal',
  21. fontFamily: 'sans-serif',
  22. fontSize: 14,
  23. },
  24. extraCssText: 'box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);', // 额外附加到浮层的 css 样式
  25. confine: false, // 是否将 tooltip 框限制在图表的区域内。
  26. formatter: '{b} 的成绩是 {c}'
  27. formatter: function(arg) {
  28. return arg[0].name + '的分数是:' + arg[0].data
  29. }
  30. }

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

闽ICP备14008679号