echarts标记线的样式_ECharts提示框组件指示器的线条样式
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提示框组件指示器的线条样式相关推荐
- ECharts 提示框组件Tooltip属性大全(包含文本注释)
tooltip: { // 提示框组件:可以设置在全局(tooltip),可以设置在坐标系中(grid.tooltip.polar.tooltip.single.tooltip),可以设置在系列中(s ...
- Vue组件编写之Alert提示框组件编写
Alert提示框的vue组件编写 最近一直学习vue,跟着视频敲代码,敲了两三个组件后,终于对编写组件有一个大致的思路了,以下通过编写一个alert提示框组件大致梳理一下我编写组件的思路. 主要分为三 ...
- echarts去掉边框_echarts提示框显示问题
设置提示框位置随鼠标移动,并解决提示框显示不全的问题 position: function (point, params, dom, rect, size) { // 鼠标坐标和提示框位置的参考坐标系 ...
- easyui 提示框组件_15、Message 消息窗口组件
> Message消息窗口组件依赖于Window(窗口)组件.progressbar(进度条)组件 # 加载方式 > 消息窗口提供了不同的消息框风格,包含 alert(警告框).confi ...
- html 线条 样式,HTML5+CSS3从入门到精通 线条样式如何设置
本篇教程探讨了HTML5+CSS3从入门到精通 线条样式如何设置,希望阅读本篇文章以后大家有所收获,帮助大家HTML5+CSS3从入门到精通 . < lineWidth: 设置线条的宽度,值是一 ...
- 微信小程序tooltip提示框组件
需要将文件引入需要插件的.json文件的usingComponents里. 算了,直接看代码理解把,有问题联系会及时回复. 文件结构,我这里组件放在根目录的cpmponents文件夹里面 index. ...
- 小程序之修改引用的vant组件样式(包括自定义组件中的vant样式)
今天在写小程序的时候,刚好遇到,以前遇到解决了之后忘记记录,今天记录下! 一般组件的基础样式会跟ui设计稿有些出入,就得改动! 使用vant的话,官方就有提供方法,比如复选框 我在项目中用custom ...
- Echarts的二次封装思考心得。封装成果:折线柱状混合图、立体柱状折线混合图、markline标记线
先说一下这次对ECharts二次封装总结的一些东西吧,感觉这是重点! 二次封装及使用的矛盾痛点: 一般封装只会暴露出一些常用的属性,最常见的如图表的颜色.数据: 封装人员也不会考虑把所有情况都封装起来 ...
- Echarts数据可视化tooltip提示框,开发全解+完美注释
全栈工程师开发手册 (作者:栾鹏) Echarts数据可视化开发代码注释全解 Echarts数据可视化开发参数配置全解 6大公共组件详解(点击进入): title详解. tooltip详解.toolb ...
最新文章
- .net 常用的插件列表
- 华为鸿蒙系统首发设备,华为鸿蒙系统首发设备曝光!不是手机
- C# 语法练习(4): 类型转换
- 18.fields_capabilities_api
- HDU 2841 Visible Trees(容斥)题解
- #和##在宏替换中的作用
- 【Nginx那些事】nginx原理解析
- Error:express-session deprecated undefined resave option; provide resave option app.js:17:10
- verilog 生成块_Verilog数字系统设计教程之学习摘要
- 智能优化算法:蝴蝶优化算法-附代码
- 富文本编辑器ueditor 自定义工具栏配置
- 与 WinHTTP Web Proxy Auto-Discovery Service 服务相依的 DHCP Client 服务因下列错误而无法启动
- 正则表达网络三剑客之sed
- 创建easyui的右键菜单(onRowContextMenu)
- 二、什么是反射、反射可以做些什么
- 用python的turtle模块给女票画个小心心
- BIOS密码清除方法--unlock6的使用.
- 亚丁号云控之发布云控地址
- 计算机开机错误62,联想电脑开机显示Error 1962 no operating system解决方法
- keil编程问题 -- main.c(75): warning: #223-D: function “XXX“ declared implicitly