VBA HTML

マウスホバー
document.querySelector('#id').addEventListener('mouseenter',()=>{
$.scrollify.disable();
})
document.querySelector('#id').addEventListener('mouseleave',()=>{
$.scrollify.enable();
})




ｐ１
　
　　　　 < p style="font-size:20px;text-align:center">BBBBBBBBBB< /p>
　
　　　
　　　　　< div style="width:45vw;float:left;vertical-align:top;">

　　　　 < canvas id="myChart">< /canvas>
　　　　 < br>< br>< br>< br>< br>
　
　
　　　　　< /div>

　　　　　< div align="center" style="width:40%;text-size:7px;float:left;margin:0px 35px 0 35px">
　　　　 　　 < div id="table1_div">< /div>
　　　　 　
　　　　　< /div>
< div style="clear:both;margin:0 60px">
< div style="width:250px">
< canvas id="ID" >< /canvas>
< p style="transform : translateX(50%);">< /p>
< /div>
< hr width="100%" style="">
< /div>


Tooltips
tooltips:{
mode: 'index',
//mode: 'x',
intersect: false,
backgroundColor:'#393f635c', //#e5d8b0ba',
caretPadding:6,
yPadding:10,
xPadding:10,
titleFontSize:16,
titleFontColor:'black',
bodyFontColor:'#34495e',
bodyFontSize:14,
}


function doughnutChart() {
var ctx = document.getElementById("ID").getContext('2d');
var myChart = new Chart(ctx, {
type: "doughnut", // グラフの種類 pie, doughnut polarArea
data: {
labels: ["R", "1"], // 軸のラベル
datasets: [
{
label: "1",
data: [29, 21], // 100%
backgroundColor:['#c9d45c','transparent'], // 円の色
borderColor:['#c9d45c','transparent'],
}
]
},
options: {
animation:{//easing:'easeOutBounce',
duration: 3000},
legend: {
display: false,
},
circumference:1*Math.PI,
rotation:1*Math.PI,
responsive: false,
cutoutPercentage: 90, // 中央空白サイズ%
title: { // 図のタイトル表示
display: false,
},
tooltips:{
enabled:false,
},
}
});
}



CSS
.１ {
width: 100%;
}

.２ {
overflow-y: auto;
max-width: 1500px;

height:100%;
margin: 0 auto;
padding: 0px 60px;
vertical-align:top;"
text-align:center;
}