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

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

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

基本配置:

背景:图表放置的容器的样式(背景颜色)
标题:每个图表的解释部分(文字颜色)
副标题:每个图表的解释部分(文字颜色)


基本配置

主题:绘制图表的时候,会使用许多的折线或者矩形或者饼形等,为了视觉上区分这些不同的线条所代表的含义,此时就可以使用不同的颜色去区分,而主题就即图表绘制这些线条的时候使用的颜色,如果所给的主题颜色小于线条,那么就会循环的去使用这些颜色,否则从上往下依次去使用。
标签文字:每个图表上面对一些图表的解释文字颜色。


基本配置

描边粗细:对于散点图和饼图会对这些图形进行描边,涉及到描边的粗细,值越大,描边越明显
描边:描边颜色
基本配置

视觉映射

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


视觉映射

坐标轴

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


坐标轴

图例

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


图例

工具箱

图标:部分图标上方有一些图标可以设置颜色。
悬停:当鼠标悬浮到图标上的时候,会显示一些提示文字,此时可以设置提示文字的颜色样式。


工具箱

其他的配置大致都是差不多的设置。

你可能感兴趣的:(Echarts自定义主题工具使用以及创建自定义主题)