在Echarts中添加水印可以帮助你保护你的图表不被非法复制。水印可以是一个文本字符串、图像或两者的组合,它可以添加到图表的背景、标题或其他可见元素上。以下是如何在Echarts中添加水印的步骤:
1创建水印 首先,你需要创建一个水印。这可以是文本、图像或其他任何你想要的形状。在Echarts中,你可以使用graphic属性来添加一个自定义的图形作为水印。 例如,以下代码将创建一个文本水印:
如果你想让水印文本看起来像是“满屏都是”,但实际上你无法真正地让文本无限重复或铺满整个屏幕,因为graphic组件中的text类型仅支持创建一个文本元素。示例
var myChart = echarts.init(document.getElementById('main'));
var option = {
//前面的option配置不变
graphic: [{ // 水印设置
type: 'text',
left: 'right', // 使用百分比或具体像素值,这里使用百分比居中
top: 'bottom', // 使用百分比或具体像素值,这里放在底部
style: {
text: '*******',
fill: '#CBCACA',//text的字体颜色
fontFamily: 'sans-serif', // 注意这里通常是 'sans-serif' 而不是 'sans_serif'
fontWeight: 'bold', // 字体粗细
textAlign: 'center', // 文本对齐方式
textBaseline: 'middle', // 文本基线
x: 'center', // 文本水平居中
y: 'middle' // 文本垂直居中
}
}]
标签:sans,text,水印,图表,添加,文本,Echarts
From: https://blog.csdn.net/qq_57398168/article/details/141311541