一.多表联动王者荣耀
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<!--引入ECharts脚本-->
<script src="js/echarts.js"></script>
</head>
<body>
<!---为ECharts准备一个具备大小（宽高）的DOM-->
<div id="main1" style="width: 800px; height: 350px"></div>
<div id="main2" style="width: 800px; height: 350px"></div>
<script type="text/javascript">
//基于准备好的DOM，初始化ECharts图表
var myChart1 = echarts.init(document.getElementById("main1"));
//指定图表的配置项和数据
var myChart1=echarts.init(document.getElementById("main1"));
var waterMarkText = '碎'; // 设置水印的字符
var canvas = document.createElement('canvas');
var ctx = canvas.getContext('2d');
canvas.width = canvas.height = 100;
ctx.textAlign = 'center';
ctx.textBaseline = 'middle';
ctx.globalAlpha = 0.08;
ctx.font = '30px Microsoft Yahei'; // 设置水印文字的字体
ctx.translate(50, 50); // 设置水印文字的偏转值
ctx.rotate(-Math.PI / 4); // 设置水印旋转的角度
ctx.fillText(waterMarkText, 0, 0); // 设置填充水印
var option1 = {
backgroundColor:{type:'patten',image:canvas,repeat:'repeat'},
title: {
text: '王者荣耀英雄数值',
},
legend: {
data: ['生命','物理', '法强','物抗','法抗','移速'],
type:'scroll',
width:'20%'
},
//鼠标移动到指定位置显示数据
tooltip: {
confine:true,
enterable:true,
},
toolbox: {
show: true,
feature: {
mark: { sh
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
