text: (window.webpackJsonp=window.webpackJsonp||[]).push([[26],{82:function(n,t,e){"use strict";e.r(t),t.default="<!DOCTYPE html>\n<html lang=\"zh-cn\">\n\n<head>\n    <meta charset=\"UTF-8\">\n    <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\n    <title>悬浮提示演示 | 常见问题</title>\n    <script src=\"https://cdn.jsdelivr.net/npm/clunch/dist/clunch-template.js\"><\/script>\n</head>\n\n<body>\n    <div id=\"root\" style='width:300px;height:300px;'>\n\n        \x3c!-- 矩形 --\x3e\n        <rect c-for='(value,index) in values' fill-color='red' :x='_width*(index*0.2+0.1)' y='0' :width='_width*0.2'\n            :height='value/50*_height' :_id=\"index\" align='center' type='full'></rect>\n\n        \x3c!-- 悬浮文字提示 --\x3e\n        <text :x='hover.x' :y='hover.y' :content='hover.info' c-if='flag' _id='hover-text'\n            :align=\"hover.x>_width*0.5?'right':'left'\"></text>\n\n    </div>\n    <script>\n        new Clunch({\n            el: document.getElementById('root'),\n            data: function () {\n                return {\n                    values: [10, 43, 47, 33, 31],\n                    flag: false,\n                    hover: {}\n                };\n            }\n        }).$bind('mousemove', function (target) {\n\n            if (target.series == 'rect') {\n                this.hover = {\n                    x: target.left,\n                    y: target.top,\n                    info: \"值为:\" + this.values[target.id]\n                };\n                this.flag = true;\n            } else {\n                this.flag = false;\n            }\n\n        });\n    <\/script>\n</body>\n\n</html>\n"}}]);