Echarts自定义主题工具使用以及创建自定义主题

可以使用Echarts在线构建工具创建自定义主题
网址:https://echarts.apache.org/zh/theme-builder.html

这里记录下如何使用该工具,以及这些配置代表的含义。

基本配置:

背景:图表放置的容器的样式(背景颜色)
标题:每个图表的解释部分(文字颜色)
副标题:每个图表的解释部分(文字颜色)
基本配置
主题:绘制图表的时候,会使用许多的折线或者矩形或者饼形等,为了视觉上区分这些不同的线条所代表的含义,此时就可以使用不同的颜色去区分,而主题就即图表绘制这些线条的时候使用的颜色,如果所给的主题颜色小于线条,那么就会循环的去使用这些颜色,否则从上往下依次去使用。
标签文字:每个图表上面对一些图表的解释文字颜色。
基本配置
描边粗细:对于散点图和饼图会对这些图形进行描边,涉及到描边的粗细,值越大,描边越明显
描边:描边颜色
基本配置

视觉映射

视觉映射针对于热力图,调整热力图显示(手动调整观察到的,不一定准确)
视觉映射

坐标轴

为不同类型坐标轴设置样式,感觉主要还是占主导地位的颜色设置,
其他类型坐标轴都是类似的,就选择一种类型坐标轴来举例使用
数值坐标轴:
轴线:勾选显示Y轴并可设置颜色,不勾选不显示Y轴
刻度:勾选显示Y轴上数值对应的刻度线,不勾选不显示
网格:勾选显示与X轴平行,与Y轴上数值个数对应条数的线条
填充:勾选显示类似于条状图的填充颜色
文字:Y轴上数值的颜色
坐标轴

图例

每个图表对所绘制的折线的描述,一般放置在图表右上方。
此处可以设置图例的文字颜色
图例

工具箱

图标:部分图标上方有一些图标可以设置颜色。
悬停:当鼠标悬浮到图标上的时候,会显示一些提示文字,此时可以设置提示文字的颜色样式。
工具箱
其他的配置大致都是差不多的设置。

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值