echarts里graphic怎么添加iconfont
时间: 2024-03-02 22:41:34 浏览: 143
echarts组件(vue3封装)
在使用 ECharts 里的 graphic 组件时,可以通过 `text` 属性来添加 iconfont。
下面是一个例子:
```javascript
graphic: {
type: 'text',
left: 50,
top: 50,
style: {
text: '\ue64d',
font: 'normal 36px iconfont',
fill: '#333'
}
}
```
其中,`\ue64d` 是 iconfont 的 unicode 编码,`iconfont` 是自定义字体的名称,需要在 CSS 中定义好。
需要注意的是,如果需要在图表中使用自定义字体,需要在 CSS 中定义 `@font-face`,并加载字体文件。例如:
```css
@font-face {
font-family: 'iconfont';
src: url('iconfont.eot');
src: url('iconfont.eot?#iefix') format('embedded-opentype'),
url('iconfont.woff') format('woff'),
url('iconfont.ttf') format('truetype'),
url('iconfont.svg#iconfont') format('svg');
}
```
阅读全文