echarts点击事件修改
This commit is contained in:
parent
dba5cb56d3
commit
025c06f333
@ -69,8 +69,6 @@ export default {
|
||||
setOptions(option);
|
||||
|
||||
onMapClick(({ name, data }) => {
|
||||
console.info('onMapClick点击区域:', name);
|
||||
console.info('onMapClick关联数据:', data);
|
||||
emit('click', { name, data });
|
||||
});
|
||||
startAutoPlay({
|
||||
|
@ -33,7 +33,7 @@ export default {
|
||||
emits: ['click'],
|
||||
setup(props, { emit }) {
|
||||
const chartRef = ref(null);
|
||||
const { setOptions, getInstance, resize } = useEcharts(chartRef);
|
||||
const { setOptions, getInstance, resize, onMapClick } = useEcharts(chartRef);
|
||||
const option = reactive({
|
||||
series: [],
|
||||
});
|
||||
@ -59,8 +59,11 @@ export default {
|
||||
option.series = props.chartData;
|
||||
setOptions(option);
|
||||
resize();
|
||||
getInstance()?.off('click', onClick);
|
||||
getInstance()?.on('click', onClick);
|
||||
onMapClick(({ name, data }) => {
|
||||
emit('click', { name, data });
|
||||
});
|
||||
// getInstance()?.off('click', onClick);
|
||||
// getInstance()?.on('click', onClick);
|
||||
}
|
||||
|
||||
function onClick(params) {
|
||||
|
@ -111,21 +111,10 @@ export const useEcharts = (elRef, theme = 'default') => {
|
||||
|
||||
function handleMapClick(params) {
|
||||
console.info('handleMapClick', params);
|
||||
// 过滤非地图区域的点击事件
|
||||
if (params.seriesType === 'map3D' || params.seriesType === 'map') {
|
||||
// 获取点击区域信息
|
||||
const mapName = params.name;
|
||||
const regionData = params.data || {};
|
||||
console.info('seriesType', params.seriesType);
|
||||
// 执行注册的回调函数
|
||||
if (typeof mapClickHandler === 'function') {
|
||||
mapClickHandler({
|
||||
name: mapName,
|
||||
data: regionData,
|
||||
coordinates: params.event?.event?.point,
|
||||
// originalParams: params
|
||||
});
|
||||
}
|
||||
console.info('seriesType', params.seriesType);
|
||||
// 执行注册的回调函数
|
||||
if (typeof mapClickHandler === 'function') {
|
||||
mapClickHandler(params);
|
||||
}
|
||||
}
|
||||
|
||||
|
Loading…
x
Reference in New Issue
Block a user