如何在vchart中设置title的字号为semi的heading-4?

40 阅读1分钟

问题标题

如何在vchart中设置title的字号为semi的heading-4?

问题描述

我正在使用@visactor/vchart图表库进行数据可视化。但我遇到了一个问题,我想在vchart中设置title的字号为semi的heading-4字号,但我不知道如何将这个变量传入。

解决方案

新版的vchart提供了一个名为vchart-semi-theme的包,它可以自动爬取页面上的 semi css 变量,因此图表的大部分色值都可以使用这个功能。至于字号,虽然目前这个包并未直接提供引入 semi 变量的功能,但你可以手动修改 spec 或者注册主题来达到目标。

使用方法如下:

  1. 首先安装vchart-semi-theme包

  2. 使用文档:visactor.io/vchart/guid…

  3. 需要看一些示例可以参考:vp4y9p.csb.app/

注意:由于vchart-semi-theme的使用需要爬取页面的css变量,因此请确保你的页面中包含了需要的semi css变量。

相关文档

VChart 官网:visactor.io/vchart

vchart-semi-theme 使用文档:visactor.io/vchart/guid…

在线Demo:vp4y9p.csb.app/