vue中使用原生的方法
如果报错：is not defined at HTMLInputElement.onclick
# js部分
dealLegend.push(
'<div class="legend-item" id="legend-item-' +
i +
'" onclick="toggleSlice(' +
i +
');" onmouseover="hoverSlice(' +
i +
');" onmouseout="blurSlice(' +
i +
');" style="color: ' +
color +
';"><div class="legend-marker" style="background: ' +
color +
'"></div>' +
'<span class="legend-title">' +
row.category +
'<span/>' +
'<div class="legend-value">' +
value +
"<span class='unit'>家</span>" +
"</div></div>"
)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
可将方法定义在window上
window.hoverSlice = (item) => {
var slice = pieSeries.slices.getIndex(item);
slice.isHover = true;
}
window.toggleSlice = (item) => {
var slice = pieSeries.dataItems.getIndex(item);
if (slice.visible) {
slice.hide();
} else {
slice.show();
}
}
window.blurSlice = (item) => {
var slice = pieSeries.slices.getIndex(item);
slice.isHover = false;
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
上次更新: 2024/12/31, 20:25:20