echarts 部分美化配置项使用记录
2024-08-31 08:51:24
一、图表背景色配置项,如背景颜色渐变
https://www.echartsjs.com/zh/option.html#backgroundColor
二、图表中图形的颜色,如柱状图行采用渐变颜色显示
options = {
series: [
{
name: '财经新闻',
barWidth: '30%',
type: 'bar',
itemStyle: {
normal: {
barBorderRadius: [10, 10, 10, 10],//圆角半径,单位px,支持传入数组分别指定 4 个圆角半径。 顺时针左上,右上,右下,左下
color: {//同图表背景色配置一样 https://www.echartsjs.com/zh/option.html#backgroundColor
type: 'linear',
x: 0,
y: 0,
x2: 0,
y2: 1,
colorStops: [{
offset: 0, color: '#4D29D3' // 0% 处的颜色
}, {
offset: 1, color: '#BE58F9' // 100% 处的颜色
}],
global: false // 缺省为 false
},
}
},
}
],
}
三、折线图折点、填充区域的美化
series: [
{
symbol:'circle',//折线点的图形 //https://www.echartsjs.com/zh/option.html#series-line.symbol
symbolSize:10, //折线点的大小 //https://www.echartsjs.com/zh/option.html#series-line.symbolSize
areaStyle: {...}//区域填充样式 //https://www.echartsjs.com/zh/option.html#series-line.areaStyle
}
]
最新文章
- Winform MDI窗体容器、权限、简单通讯
- DZY Loves Sequences
- Scala之类型参数和对象
- POJ 1734 Sightseeing trip(无向图最小环+输出路径)
- MVC中Model,不仅仅只是数据的传递者
- 一个简单的获取参数的jqure
- Java 之 调用.Net的 WebService 整理
- java包和jar包
- C++ 中的类型转换机制详解
- 文件上传工具swfupload[转]
- TCP/IP Checksum 吐槽
- 2014.8.18for循环
- server配置学习 ---- 关闭防火墙
- JAVA 计算地球上任意两点(经纬度)距离
- hdu 5207 BestCoder Round #38 ($) Greatest Greatest Common Divisor
- 获取Pid
- Numpy数组索引为-1和None
- 在Windows上安装Arduino的步骤
- LOJ2803 CCC2018 平衡树 数论分块、记忆化搜索
- astah-professional-7_2_0安装
热门文章
- 使用Python为中秋节绘制一块美味的月饼
- “洞察千里”,华为云HiLens如何让无人车智行天下
- .Net Core Web Api使用模型验证验证参数合法性
- [TimLinux] docker CentOS7 入门——容器(1)
- variable fonts - 更小更灵活的字体
- HDU1846 Brave Game(巴什博弈)
- ThreadLocal解决了什么问题
- protobuf-rpm
- 新更新的OV7670 OV7725模块效果展示 OV7670 FPC版 30万像素 CMOS模块 兼容官哥方便 FPGA stm32f407 68013等使用
- 【CSS】318- CSS实现宽高等比自适应容器