tooltip.axisPointer.lineStyle   |   Object

设置 ECharts 提示框组件指示器的线条样式,axisPointer.type 为 'line' 时有效。

tooltip.axisPointer.lineStyle.color   |   Color

[ default: #555 ]

设置提示框组件指示器线的颜色。颜色可以使用 RGB 表示,比如 'rgb(128, 128, 128)',如果想要加上 alpha 通道表示不透明度,可以使用 RGBA,比如 'rgba(128, 128, 128, 0.5)',也可以使用十六进制格式,比如 '#ccc'。除了纯色之外颜色也支持渐变色和纹理填充。// 线性渐变,前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1,相当于在图形包围盒中的百分比,如果 globalCoord 为 `true`,则该四个值是绝对的像素位置

color: {

type: 'linear',

x: 0,

y: 0,

x2: 0,

y2: 1,

colorStops: [{

offset: 0, color: 'red' // 0% 处的颜色

}, {

offset: 1, color: 'blue' // 100% 处的颜色

}],

globalCoord: false // 缺省为 false

}

// 径向渐变,前三个参数分别是圆心 x, y 和半径,取值同线性渐变

color: {

type: 'radial',

x: 0.5,

y: 0.5,

r: 0.5,

colorStops: [{

offset: 0, color: 'red' // 0% 处的颜色

}, {

offset: 1, color: 'blue' // 100% 处的颜色

}],

globalCoord: false // 缺省为 false

}

// 纹理填充

color: {

image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement,不支持路径字符串

repeat: 'repeat' // 是否平铺, 可以是 'repeat-x', 'repeat-y', 'no-repeat'

}

tooltip.axisPointer.lineStyle.width   |   number

[ default: 1 ]

设置提示框组件指示器的线宽。

tooltip.axisPointer.lineStyle.type   |   string

[ default: solid ]

提示框组件指示器线的类型。

可选:'solid'

'dashed'

'dotted'

tooltip.axisPointer.lineStyle.shadowBlur   |   number

线条图形阴影的模糊大小。该属性配合 shadowColor,shadowOffsetX, shadowOffsetY 一起设置图形的阴影效果。

示例:{

shadowColor: 'rgba(0, 0, 0, 0.5)',

shadowBlur: 10

}

tooltip.axisPointer.lineStyle.shadowColor   |   Color

阴影颜色。支持的格式同color。

tooltip.axisPointer.lineStyle.shadowOffsetX   |   number

[ default: 0 ]

指示器线条阴影在水平方向上的偏移距离。

tooltip.axisPointer.lineStyle.shadowOffsetY   |   number

[ default: 0 ]

指示器线条阴影在垂直方向上的偏移距离。

tooltip.axisPointer.lineStyle.opacity   |   number

提示框组件指示器线条的图形透明度。支持从 0 到 1 的数字,为 0 时不绘制该图形。

echarts标记线的样式_ECharts提示框组件指示器的线条样式相关推荐

  1. ECharts 提示框组件Tooltip属性大全(包含文本注释)

    tooltip: { // 提示框组件:可以设置在全局(tooltip),可以设置在坐标系中(grid.tooltip.polar.tooltip.single.tooltip),可以设置在系列中(s ...

  2. Vue组件编写之Alert提示框组件编写

    Alert提示框的vue组件编写 最近一直学习vue,跟着视频敲代码,敲了两三个组件后,终于对编写组件有一个大致的思路了,以下通过编写一个alert提示框组件大致梳理一下我编写组件的思路. 主要分为三 ...

  3. echarts去掉边框_echarts提示框显示问题

    设置提示框位置随鼠标移动,并解决提示框显示不全的问题 position: function (point, params, dom, rect, size) { // 鼠标坐标和提示框位置的参考坐标系 ...

  4. easyui 提示框组件_15、Message 消息窗口组件

    > Message消息窗口组件依赖于Window(窗口)组件.progressbar(进度条)组件 # 加载方式 > 消息窗口提供了不同的消息框风格,包含 alert(警告框).confi ...

  5. html 线条 样式,HTML5+CSS3从入门到精通 线条样式如何设置

    本篇教程探讨了HTML5+CSS3从入门到精通 线条样式如何设置,希望阅读本篇文章以后大家有所收获,帮助大家HTML5+CSS3从入门到精通 . < lineWidth: 设置线条的宽度,值是一 ...

  6. 微信小程序tooltip提示框组件

    需要将文件引入需要插件的.json文件的usingComponents里. 算了,直接看代码理解把,有问题联系会及时回复. 文件结构,我这里组件放在根目录的cpmponents文件夹里面 index. ...

  7. 小程序之修改引用的vant组件样式(包括自定义组件中的vant样式)

    今天在写小程序的时候,刚好遇到,以前遇到解决了之后忘记记录,今天记录下! 一般组件的基础样式会跟ui设计稿有些出入,就得改动! 使用vant的话,官方就有提供方法,比如复选框 我在项目中用custom ...

  8. Echarts的二次封装思考心得。封装成果:折线柱状混合图、立体柱状折线混合图、markline标记线

    先说一下这次对ECharts二次封装总结的一些东西吧,感觉这是重点! 二次封装及使用的矛盾痛点: 一般封装只会暴露出一些常用的属性,最常见的如图表的颜色.数据: 封装人员也不会考虑把所有情况都封装起来 ...

  9. Echarts数据可视化tooltip提示框,开发全解+完美注释

    全栈工程师开发手册 (作者:栾鹏) Echarts数据可视化开发代码注释全解 Echarts数据可视化开发参数配置全解 6大公共组件详解(点击进入): title详解. tooltip详解.toolb ...

最新文章

  1. .net 常用的插件列表
  2. 华为鸿蒙系统首发设备,华为鸿蒙系统首发设备曝光!不是手机
  3. C# 语法练习(4): 类型转换
  4. 18.fields_capabilities_api
  5. HDU 2841 Visible Trees(容斥)题解
  6. #和##在宏替换中的作用
  7. 【Nginx那些事】nginx原理解析
  8. Error:express-session deprecated undefined resave option; provide resave option app.js:17:10
  9. verilog 生成块_Verilog数字系统设计教程之学习摘要
  10. 智能优化算法:蝴蝶优化算法-附代码
  11. 富文本编辑器ueditor 自定义工具栏配置
  12. 与 WinHTTP Web Proxy Auto-Discovery Service 服务相依的 DHCP Client 服务因下列错误而无法启动
  13. 正则表达网络三剑客之sed
  14. 创建easyui的右键菜单(onRowContextMenu)
  15. 二、什么是反射、反射可以做些什么
  16. 用python的turtle模块给女票画个小心心
  17. BIOS密码清除方法--unlock6的使用.
  18. 亚丁号云控之发布云控地址
  19. 计算机开机错误62,联想电脑开机显示Error 1962 no operating system解决方法
  20. keil编程问题 -- main.c(75): warning: #223-D: function “XXX“ declared implicitly

热门文章

  1. 解决mac管理员变成普通成员
  2. bugku——普通的二维码(进制转换)
  3. day05 数据类型
  4. bzoj1925地精部落——数学
  5. 制作 macOS High Sierra U盘USB启动安装盘方法教程 (全新安装 Mac 系统)
  6. Java基础系列--instanceof关键字
  7. react native windows create bundle folder
  8. How to create and apply a patch with Git
  9. 20135213 20135231 信息安全系统设计基础课程第三次实验报告
  10. 第十节(this关键字 static关键字)