请问如何在echarts中添加水印

发布于 2022-01-07 05:16:46 字数 137 浏览 943 评论 1

@Kener-林峰 你好,想跟你请教个问题:请问如何在echarts中添加水印

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

清欢 2022-01-07 23:31:17

在画布上画一个"开源中国",并将此画布盖在 echarts 之上,算不算水印?

<meta charset="utf-8">
<header>
<style>

#watermark{
	position:absolute;
	left:0px;
	top:0px;
}

</style>
</header>
<body>
    <div id="main" style="height:400px"></div>
    <canvas id="watermark" width="400" height="400"></canvas>
    
    <script src="http://echarts.baidu.com/build/dist/echarts.js"></script>
    <script type="text/javascript">
        require.config({
            paths: {echarts: 'http://echarts.baidu.com/build/dist'}
        });
        require([
                'echarts',
                'echarts/chart/bar'
            ],
            function (ec) {
                var myChart = ec.init(document.getElementById('main')); 
                
                var option = { 
					tooltip: { show: true  },
                    xAxis : [ {
                            type : 'category',
                            data : ["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"]
                        }
                    ],
                    yAxis : [ {
                            type : 'value'
                        }
                    ],
                    series : [ { "name":"销量", "type":"bar",
						itemStyle: {
            				normal: {
                         		color: function(params) { 
				var colorList=['#000000','#FF0000','#00FF00','#0000FF',
					'#FFFF00','#00FFFF','#FF00FF','#C0C0C0',
					'#808080','#800000','#808000','#008000',
					'#800080','#008080','#000080'],
				col = [];
				for (var i =0; i<option.series[0].data.length;i++)
				col[i] = parseInt(option.series[0].data[i]/10);
				return colorList[col[params.dataIndex]];
                					}
            					},
        					},
                            "data":[5, 25, 38, 32, 12, 22]
                        }
                    ],
                }; 
                myChart.setOption(option); 
            }
        );
	g=document.getElementById("watermark").getContext('2d');
	g.fillStyle='lightgrey';
	g.font="60px ARIAL BOLD";
	s = ["开","源","中","国"];
	for (var i=0; i<s.length;i++)
	g.fillText(s[i],100 + i*50,100 + i*50);
    </script>
</body>

 

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文