在 rich 里面,可以自定义富文本样式。利用富文本样式,可以在标签中做出非常丰富的效果。
例如:
label: {
normal: {
// 在文本中,可以对部分文本采用 rich 中定义样式。
// 这里需要在文本中使用标记符号:
// `{styleName|text content text content}` 标记样式名。
// 注意,换行仍是使用 'n'。
formatter: [
'{a|这段文本采用样式a}',
'{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'
].join('n'),
rich: {
a: {
color: 'red',
lineHeight: 10
},
b: {
backgroundColor: {
image: 'xxx/xxx.jpg'
},
height: 40
},
x: {
fontSize: 18,
fontFamily: 'Microsoft YaHei',
borderColor: '#449933',
borderRadius: 4
},
...
}
}
}
详情参见教程:富文本标签
series[i]-scatter.tooltip本系列特定的 tooltip 设定。series[i]-scatter.tooltip.position注意:series.tooltip仅在tooltip.tr...
在 ECharts series组件的配置过程中,我们使用 Candlestick来表示我们常说的K 线图。对于 K 线图的画法,我们通常会在图中包含四...
ECharts 线图什么是 ECharts 线图(series[i]-lines)?该图用于带有起点和终点信息的线数据的绘制,主要用于地图上的航线,路线...
Highcharts 堆叠区域图Highcharts 区域图以下实例演示了堆叠区域图。我们在前面的章节已经了解了 Highcharts 基本配置语法。接下...
Highcharts 堆叠柱形图Highcharts 柱形图以下实例演示了堆叠柱形图。我们在前面的章节已经了解了 Highcharts 基本配置语法。接下...
常见路由任务本主题讲述当把Angular路由器添加到应用中时,如何实现多种常见路由任务。生成一个支持路由的应用下面的命令会用Ang...
前提条件对下列概念有基本的理解:Angular动画简介转场与触发器可复用动画路由能让用户在应用中的不同路由之间导航。当用户从一...
持续更新你的Angular项目就像Web及其整个生态系统一样,Angular也在持续改进中。Angular平衡了持续改进与强调稳定性之间的冲突,...