需求: 数据请求以后实现前端分页,实现图表间隔2秒更新一次,实现组件切换时,清除定时器,当鼠标移入到图表中的时候图表不会产生间隔性刷新数据,移开后继续实现间隔性更新图表一.柱状图功能实现的 完整版-具体代码如下: 二.折线图实现的功能完整版代码--具体如下: 地图具体代码: utils/ map_utils.jsconst name2pinyin = { 安徽: 'anhui', 陕西: 'shanxi1', 澳门: 'aomen', 北京: 'beijing', 重庆: 'chongqing', 福建: 'fujian', 甘肃: 'gansu', 广东: 'guangdong', 广西: 'guangxi', 贵州: 'guizhou', 海南: 'hainan', 河北: 'hebei', 黑龙江: 'heilongjiang', 河南: 'henan', 湖北: 'hubei', 湖南: 'hunan', 江苏: 'jiangsu', 江西: 'jiangxi', 吉林: 'jilin', 辽宁: 'liaoning', 内蒙古: 'neimenggu', 宁夏: 'ningxia', 青海: 'qinghai', 山东: 'shandong', 上海: 'shanghai', 山西: 'shanxi', 四川: 'sichuan', 台湾: 'taiwan', 天津: 'tianjin', 香港: 'xianggang', 新疆: 'xinjiang', 西藏: 'xizang', 云南: 'yunnan', 浙江: 'zhejiang'}export function getProvinceMapInfo (arg) { const path = `/static/map/province/${name2pinyin[arg]}.json` return { key: name2pinyin[arg], path: path }}
map地图具体代码
实际截图四.柱状图实际代码 五.饼图具体代码 七.环形图 免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
|