创新互联ECharts教程：ECharts图例组件配置富文本样式

legend.textStyle.rich   |   Object

成都创新互联公司专注于安化网站建设服务及定制，我们拥有丰富的企业做网站经验。 热诚为您提供安化营销型网站建设，安化网站制作、安化网页设计、安化网站官网定制、微信平台小程序开发服务，打造安化网络公司原创品牌,更为您提供安化网站排名全网营销落地服务。

在 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
            },
            ...
        }
    }
}

详情参见教程：富文本标签

legend.textStyle.rich.   |   Object

当前标题：创新互联ECharts教程：ECharts图例组件配置富文本样式
浏览地址：http://www.stwzsj.com/qtweb/news47/17397.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联