{ "name": "fixedScatterV2", "version": "1.0.0", "scripts": { "build": "cube build ./ --output=../../datavComponent --remote=pandav --smart" }, "dependencies": { "bcore": "0.0.18", "jquery": "2.1.4", "lodash": "4.6.1", "react": "^17.0.2", "d3": "5.16.0", "react-dom": "^17.0.2", "animejs": "3.2.2" }, "pandav": { "cn_name": "定点气泡图", "level": 0, "private": false, "icon": "/civ_pandaview_component/pandabi-component/assets/定点气泡图.png", "protocol": 2, "type": [ "DataV-6:regular_scatter" ], "view": { "width": "420", "height": "210", "minWidth": "50", "minHeight": "50", "z-index": 1010 }, "apis": { "source": { "handler": "render", "description": "数据接口", "fields": { "name": { "description": "类目", "type": "string" }, "value": { "description": "值", "type": "number" }, "s": { "description": "系列", "type": "string" }, "url": { "description": "背景图", "type": "string" } } } }, "events": { "click": { "name": "点击" } }, "publicHandler": {}, "config": { "options": { "type": "menu", "children": { "overall": { "type": "menuChild", "name": "全局", "children": { "radiusRange": { "name": "半径范围", "type": "slider", "mode": "double", "default": [ 20, 43 ], "step": 1, "min": 0, "max": 200, "showCurrentRange": true }, "text": { "type": "suite", "name": "文本", "children": { "textMinSize": { "name": "最小", "default": 12, "type": "number", "suffix": "px", "min": 12, "col": 12 }, "textMaxSize": { "name": "最大", "default": 18, "suffix": "px", "min": 12, "type": "number", "col": 12 } } }, "numValue": { "type": "suite", "name": "数值", "children": { "numMinSize": { "name": "最小", "default": 12, "type": "number", "suffix": "px", "min": 12, "col": 12 }, "numMaxSize": { "name": "最大", "default": 18, "suffix": "px", "min": 12, "type": "number", "col": 12 } } }, "indicator": { "name": "指标", "type": "group", "children": { "numShow": { "name": "数值显示", "default": "percentValue", "type": "radio", "optionCol": 12, "options": [ { "name": "真实值", "value": "realValue" }, { "name": "百分比", "value": "percentValue" } ] }, "pointNum": { "name": "小数位数", "default": 1, "type": "number" } } } } }, "animateData": { "name": "动画", "type": "menuChild", "children": { "animateBoolean": { "name": "开启", "default": false, "type": "boolean" }, "animateType": { "show": [ [ "animateBoolean", "$eq", true ] ], "type": "select", "name": "动画类型", "default": "focusChange", "options": [ { "name": "焦点切换", "value": "focusChange" }, { "name": "浮动", "value": "float" }, { "name": "闪烁", "value": "blink" } ] }, "currentChange": { "show": [ [ "animateBoolean", "$eq", true ], [ "animateType", "$eq", "focusChange" ] ], "name": "切换间隔", "default": 1000, "type": "number", "suffix": "ms" }, "floatSpeed": { "show": [ [ "animateType", "$eq", "float" ], [ "animateBoolean", "$eq", true ] ], "name": "浮动速度", "default": 5, "type": "slider", "min": 0, "max": 10, "step": 1 }, "floatOffset": { "show": [ [ "animateType", "$eq", "float" ], [ "animateBoolean", "$eq", true ] ], "name": "浮动偏移", "default": 10, "type": "number" }, "blinkTime": { "show": [ [ "animateType", "$eq", "blink" ], [ "animateBoolean", "$eq", true ] ], "name": "闪烁频率", "default": 1, "type": "number", "suffix": "s" }, "opacityRange": { "show": [ [ "animateType", "$eq", "blink" ], [ "animateBoolean", "$eq", true ] ], "name": "透明度范围", "type": "slider", "mode": "double", "default": [ 0.2, 0.4 ], "step": 0.1, "min": 0, "max": 1, "showCurrentRange": true }, "focusStyle": { "show": [ [ "animateType", "$eq", "focusChange" ], [ "animateBoolean", "$eq", true ] ], "name": "焦点样式", "type": "group", "children": { "style": { "type": "select", "name": "样式", "default": "default", "options": [ { "name": "默认", "value": "default" }, { "name": "自定义", "value": "designBySelf" } ] }, "color": { "show": [ [ "style", "$eq", "default" ] ], "name": "颜色", "type": "fill", "components": [ "flat", "linearGradient" ], "default": "rgba(226,146,146,0.15)" }, "image": { "show": [ [ "style", "$eq", "designBySelf" ] ], "type": "image", "default": "", "name": "图片" }, "pattern": { "show": [ [ "style", "$eq", "designBySelf" ] ], "type": "select", "name": "混合模式", "default": "normal", "options": [ { "name": "正常", "value": "normal" }, { "name": "正片叠底", "value": "multiply" }, { "name": "滤色", "value": "screen" }, { "name": "叠加", "value": "overlay" }, { "name": "变暗", "value": "darken" }, { "name": "变亮", "value": "lighten" }, { "name": "颜色减淡", "value": "color-dodge" }, { "name": "颜色加深", "value": "color-burn" }, { "name": "强光", "value": "hard-light" }, { "name": "柔光", "value": "soft-light" }, { "name": "差值", "value": "difference" }, { "name": "排除", "value": "exclusion" }, { "name": "色相", "value": "hue" }, { "name": "饱和度", "value": "saturation" }, { "name": "颜色", "value": "color" }, { "name": "亮度", "value": "luminosity" } ] }, "border": { "name": "边框", "enableHide": true, "type": "group", "children": { "show": { "default": true }, "borderStroke": { "name": "粗细", "type": "number", "default": 1 }, "borderFill": { "type": "color", "name": "颜色", "default": "#C15656" } } }, "borderShadow": { "type": "group", "name": "阴影", "fold": false, "enableHide": true, "children": { "show": { "default": false }, "color": { "name": "颜色", "type": "color", "default": "#FFF", "col": 12 }, "vShadow": { "name": "X", "type": "number", "default": 0, "col": 12 }, "hShadow": { "name": "Y", "type": "number", "default": 0, "col": 12 }, "blur": { "name": "模糊", "type": "text", "default": 0, "col": 12 } } } } }, "borderText": { "show": [ [ "animateType", "$eq", "focusChange" ], [ "animateBoolean", "$eq", true ] ], "name": "标题", "type": "group", "children": { "textStyle": { "name": "文本样式", "type": "font", "default": { "fontFamily": "Mircosoft Yahei", "fontSize": 16, "color": "#ffffff", "fontWeight": "normal", "italic": "normal", "letterSpacing": 0 } }, "vertical": { "name": "纵向对齐", "type": "buttonRadio", "default": "center", "options": [ { "name": "顶部对齐", "value": "top" }, { "name": "居中对齐", "value": "center" }, { "name": "底部对齐", "value": "bottom" } ] }, "TextOffset": { "type": "suite", "name": "偏移", "children": { "offsetX": { "type": "number", "suffix": "px", "default": 0, "col": 12, "name": "X" }, "offsetY": { "type": "number", "suffix": "px", "col": 12, "default": -10, "name": "Y" } } } } }, "borderNumValue": { "show": [ [ "animateType", "$eq", "focusChange" ], [ "animateBoolean", "$eq", true ] ], "name": "数值", "type": "group", "children": { "textStyle": { "name": "文本样式", "type": "font", "default": { "fontFamily": "Mircosoft Yahei", "fontSize": 16, "color": "#ffffff", "fontWeight": "normal", "italic": "normal", "letterSpacing": 0 } }, "vertical": { "name": "纵向对齐", "type": "buttonRadio", "default": "center", "options": [ { "name": "顶部对齐", "value": "top" }, { "name": "居中对齐", "value": "center" }, { "name": "底部对齐", "value": "bottom" } ] }, "TextOffset": { "type": "suite", "name": "偏移", "children": { "offsetX": { "type": "number", "suffix": "px", "default": 0, "col": 12, "name": "X" }, "offsetY": { "type": "number", "suffix": "px", "col": 12, "default": 10, "name": "Y" } } } } } } }, "series": { "name": "系列", "type": "menuChild", "children": { "dataSeries": { "name": "数据系列", "type": "tabs", "default": [ { "input": "系列一", "bubble": { "bubbleStyle": "default", "color": "#3a89fe26", "image": "", "pattern": "normal", "border": { "show": true, "borderStroke": 1, "color": "#1890FF" }, "borderShadow": { "show": false, "color": "#FFF", "vShadow": 2, "hShadow": 5, "blur": 0 } }, "title": { "textStyle": { "fontFamily": "Mircosoft Yahei", "color": "#ffffff", "fontWeight": "normal", "italic": "normal", "letterSpacing": 0 }, "vertical": "center", "offset": { "offsetX": 0, "offsetY": -10 } }, "numValue": { "textStyle": { "fontFamily": "Mircosoft Yahei", "color": "#ffffff", "fontWeight": "normal", "italic": "normal", "letterSpacing": 0 }, "vertical": "center", "offset": { "offsetX": 0, "offsetY": 10 }, "content": "" } }, { "input": "系列二", "bubble": { "bubbleStyle": "default", "color": "rgba(30, 231, 231, 0.15)", "image": "", "pattern": "normal", "border": { "show": true, "borderStroke": 1, "color": "#1EE7E7" }, "borderShadow": { "show": false, "color": "#FFF", "vShadow": 2, "hShadow": 5, "blur": 0 } }, "title": { "textStyle": { "fontFamily": "Mircosoft Yahei", "color": "#ffffff", "fontWeight": "normal", "italic": "normal", "letterSpacing": 0 }, "vertical": "center", "offset": { "offsetX": 0, "offsetY": -10 } }, "numValue": { "textStyle": { "fontFamily": "Mircosoft Yahei", "color": "#ffffff", "fontWeight": "normal", "italic": "normal", "letterSpacing": 0 }, "vertical": "center", "offset": { "offsetX": 0, "offsetY": 10 }, "content": "" } } ], "template": { "name": "系列<%=i+1%>", "type": "object", "children": { "input": { "name": "系列值", "default": "", "type": "text" }, "bubble": { "name": "气泡", "type": "group", "children": { "bubbleStyle": { "type": "select", "name": "样式", "default": "default", "options": [ { "name": "正常", "value": "default" }, { "name": "自定义", "value": "designBySelf" } ] }, "color": { "show": [ [ "bubbleStyle", "$eq", "default" ] ], "name": "颜色", "type": "fill", "components": [ "flat", "linearGradient" ], "default": { "type": "linearGradient", "value": { "stops": [ { "offset": 0, "color": "#fff" }, { "offset": 50, "color": "#ff0" }, { "offset": 100, "color": "#f0f" } ], "angle": 0, "opacity": 1 } } }, "image": { "show": [ [ "bubbleStyle", "$eq", "designBySelf" ] ], "type": "image", "default": "", "name": "图片" }, "pattern": { "show": [ [ "bubbleStyle", "$eq", "designBySelf" ] ], "type": "select", "name": "混合模式", "default": "normal", "options": [ { "name": "正常", "value": "normal" }, { "name": "正片叠底", "value": "multiply" }, { "name": "滤色", "value": "screen" }, { "name": "叠加", "value": "overlay" }, { "name": "变暗", "value": "darken" }, { "name": "变亮", "value": "lighten" }, { "name": "颜色减淡", "value": "color-dodge" }, { "name": "颜色加深", "value": "color-burn" }, { "name": "强光", "value": "hard-light" }, { "name": "柔光", "value": "soft-light" }, { "name": "差值", "value": "difference" }, { "name": "排除", "value": "exclusion" }, { "name": "色相", "value": "hue" }, { "name": "饱和度", "value": "saturation" }, { "name": "颜色", "value": "color" }, { "name": "亮度", "value": "luminosity" } ] }, "border": { "name": "边框", "enableHide": true, "type": "group", "children": { "show": { "default": true }, "borderStroke": { "name": "粗细", "type": "number", "default": 1 }, "color": { "type": "color", "name": "颜色", "default": "#C15656" } } }, "borderShadow": { "type": "group", "name": "阴影", "fold": false, "enableHide": true, "children": { "show": { "default": false }, "color": { "name": "颜色", "type": "color", "default": "#FFF", "col": 12 }, "vShadow": { "name": "X", "type": "number", "default": 0, "col": 12 }, "hShadow": { "name": "Y", "type": "number", "default": 0, "col": 12 }, "blur": { "name": "模糊", "type": "text", "default": 0, "col": 12 } } } } }, "title": { "name": "标题", "type": "group", "children": { "textStyle": { "name": "文本样式", "type": "font", "components": [ "fontFamily", "fontWeight", "color", "italic", "letterSpacing" ], "default": { "fontFamily": "Mircosoft Yahei", "fontSize": 16, "color": "#ffffff", "fontWeight": "normal", "italic": "normal", "letterSpacing": 0 } }, "vertical": { "name": "纵向对齐", "type": "buttonRadio", "default": "center", "options": [ { "name": "顶部对齐", "value": "top" }, { "name": "居中对齐", "value": "center" }, { "name": "底部对齐", "value": "bottom" } ] }, "offset": { "type": "suite", "name": "偏移", "children": { "offsetX": { "type": "number", "suffix": "px", "default": 0, "col": 12, "name": "X" }, "offsetY": { "type": "number", "suffix": "px", "col": 12, "default": 0, "name": "Y" } } } } }, "numValue": { "name": "数值", "type": "group", "children": { "textStyle": { "name": "文本样式", "type": "font", "components": [ "fontFamily", "fontWeight", "color", "italic", "letterSpacing" ], "default": { "fontFamily": "Mircosoft Yahei", "fontSize": 16, "color": "#ffffff", "fontWeight": "normal", "italic": "normal", "letterSpacing": 0 } }, "vertical": { "name": "纵向对齐", "type": "buttonRadio", "default": "center", "options": [ { "name": "顶部对齐", "value": "top" }, { "name": "居中对齐", "value": "center" }, { "name": "底部对齐", "value": "bottom" } ] }, "offset": { "type": "suite", "name": "偏移", "children": { "offsetX": { "type": "number", "suffix": "px", "default": 0, "col": 12, "name": "X" }, "offsetY": { "type": "number", "suffix": "px", "col": 12, "default": 0, "name": "Y" } } }, "content": { "name": "单位内容", "default": "", "type": "text" } } } } } } } }, "layout": { "name": "布局", "type": "menuChild", "children": { "bubbleLayout": { "name": "气泡布局", "type": "tabs", "default": [ { "input": "山东", "offset": { "offsetX": 21, "offsetY": -30 }, "styleBySelf": false, "image": "", "pattern": "normal", "title": { "textStyle": { "fontFamily": "Mircosoft Yahei", "fontSize": 16, "color": "#ffffff", "fontWeight": "normal", "italic": "normal", "letterSpacing": 0 }, "vertical": "center", "offset": { "offsetX": 0, "offsetY": 0 } }, "numValue": { "textStyle": { "fontFamily": "Mircosoft Yahei", "fontSize": 16, "color": "#ffffff", "fontWeight": "normal", "italic": "normal", "letterSpacing": 0 }, "vertical": "center", "offset": { "offsetX": 0, "offsetY": 0 } }, "content": "" }, { "input": "湖北", "offset": { "offsetX": 1, "offsetY": -28 }, "styleBySelf": false, "image": "", "pattern": "normal", "title": { "textStyle": { "fontFamily": "Mircosoft Yahei", "fontSize": 16, "color": "#ffffff", "fontWeight": "normal", "italic": "normal", "letterSpacing": 0 }, "vertical": "center", "offset": { "offsetX": 0, "offsetY": 0 } }, "numValue": { "textStyle": { "fontFamily": "Mircosoft Yahei", "fontSize": 16, "color": "#ffffff", "fontWeight": "normal", "italic": "normal", "letterSpacing": 0 }, "vertical": "center", "offset": { "offsetX": 0, "offsetY": 0 } }, "content": "" }, { "input": "广西", "offset": { "offsetX": -34, "offsetY": -17 }, "styleBySelf": false, "image": "", "pattern": "normal", "title": { "textStyle": { "fontFamily": "Mircosoft Yahei", "fontSize": 16, "color": "#ffffff", "fontWeight": "normal", "italic": "normal", "letterSpacing": 0 }, "vertical": "center", "offset": { "offsetX": 0, "offsetY": 0 } }, "numValue": { "textStyle": { "fontFamily": "Mircosoft Yahei", "fontSize": 16, "color": "#ffffff", "fontWeight": "normal", "italic": "normal", "letterSpacing": 0 }, "vertical": "center", "offset": { "offsetX": 0, "offsetY": 0 } }, "content": "" }, { "input": "浙江", "offset": { "offsetX": 7, "offsetY": -1 }, "styleBySelf": false, "image": "", "pattern": "normal", "title": { "textStyle": { "fontFamily": "Mircosoft Yahei", "fontSize": 16, "color": "#ffffff", "fontWeight": "normal", "italic": "normal", "letterSpacing": 0 }, "vertical": "center", "offset": { "offsetX": 0, "offsetY": 0 } }, "numValue": { "textStyle": { "fontFamily": "Mircosoft Yahei", "fontSize": 16, "color": "#ffffff", "fontWeight": "normal", "italic": "normal", "letterSpacing": 0 }, "vertical": "center", "offset": { "offsetX": 0, "offsetY": 0 } }, "content": "" }, { "input": "江苏", "offset": { "offsetX": -15, "offsetY": -6 }, "styleBySelf": false, "image": "", "pattern": "normal", "title": { "textStyle": { "fontFamily": "Mircosoft Yahei", "fontSize": 16, "color": "#ffffff", "fontWeight": "normal", "italic": "normal", "letterSpacing": 0 }, "vertical": "center", "offset": { "offsetX": 0, "offsetY": 0 } }, "numValue": { "textStyle": { "fontFamily": "Mircosoft Yahei", "fontSize": 16, "color": "#ffffff", "fontWeight": "normal", "italic": "normal", "letterSpacing": 0 }, "vertical": "center", "offset": { "offsetX": 0, "offsetY": 0 } }, "content": "" }, { "input": "上海", "offset": { "offsetX": -30, "offsetY": 25 }, "styleBySelf": false, "image": "", "pattern": "normal", "title": { "textStyle": { "fontFamily": "Mircosoft Yahei", "fontSize": 16, "color": "#ffffff", "fontWeight": "normal", "italic": "normal", "letterSpacing": 0 }, "vertical": "center", "offset": { "offsetX": 0, "offsetY": 0 } }, "numValue": { "textStyle": { "fontFamily": "Mircosoft Yahei", "fontSize": 16, "color": "#ffffff", "fontWeight": "normal", "italic": "normal", "letterSpacing": 0 }, "vertical": "center", "offset": { "offsetX": 0, "offsetY": 0 } }, "content": "" }, { "input": "云南", "offset": { "offsetX": 21, "offsetY": 19 }, "styleBySelf": false, "image": "", "pattern": "normal", "title": { "textStyle": { "fontFamily": "Mircosoft Yahei", "fontSize": 16, "color": "#ffffff", "fontWeight": "normal", "italic": "normal", "letterSpacing": 0 }, "vertical": "center", "offset": { "offsetX": 0, "offsetY": 0 } }, "numValue": { "textStyle": { "fontFamily": "Mircosoft Yahei", "fontSize": 16, "color": "#ffffff", "fontWeight": "normal", "italic": "normal", "letterSpacing": 0 }, "vertical": "center", "offset": { "offsetX": 0, "offsetY": 0 } }, "content": "" }, { "input": "福建", "offset": { "offsetX": -20, "offsetY": -37 }, "styleBySelf": false, "image": "", "pattern": "normal", "title": { "textStyle": { "fontFamily": "Mircosoft Yahei", "fontSize": 16, "color": "#ffffff", "fontWeight": "normal", "italic": "normal", "letterSpacing": 0 }, "vertical": "center", "offset": { "offsetX": 0, "offsetY": 0 } }, "numValue": { "textStyle": { "fontFamily": "Mircosoft Yahei", "fontSize": 16, "color": "#ffffff", "fontWeight": "normal", "italic": "normal", "letterSpacing": 0 }, "vertical": "center", "offset": { "offsetX": 0, "offsetY": 0 } }, "content": "" } ], "template": { "name": "气泡<%=i+1%>", "type": "object", "children": { "input": { "name": "字段值", "default": "福建", "type": "text" }, "offset": { "type": "suite", "name": "气泡偏移", "children": { "offsetX": { "name": "沿X方向", "type": "slider", "default": -15, "step": 0, "min": -50, "max": 50, "col": 24 }, "offsetY": { "name": "沿Y方向", "type": "slider", "default": -25, "step": 0, "min": -50, "max": 50, "col": 24 } } }, "styleBySelf": { "name": "样式自定义", "type": "boolean", "default": false }, "image": { "show": [ [ "styleBySelf", "$eq", true ] ], "type": "image", "default": "", "name": "图片" }, "pattern": { "show": [ [ "styleBySelf", "$eq", true ] ], "type": "select", "name": "混合模式", "default": "normal", "options": [ { "name": "正常", "value": "normal" }, { "name": "正片叠底", "value": "multiply" }, { "name": "滤色", "value": "screen" }, { "name": "叠加", "value": "overlay" }, { "name": "变暗", "value": "darken" }, { "name": "变亮", "value": "lighten" }, { "name": "颜色减淡", "value": "color-dodge" }, { "name": "颜色加深", "value": "color-burn" }, { "name": "强光", "value": "hard-light" }, { "name": "柔光", "value": "soft-light" }, { "name": "差值", "value": "difference" }, { "name": "排除", "value": "exclusion" }, { "name": "色相", "value": "hue" }, { "name": "饱和度", "value": "saturation" }, { "name": "颜色", "value": "color" }, { "name": "亮度", "value": "luminosity" } ] }, "title": { "show": [ [ "styleBySelf", "$eq", true ] ], "name": "标题", "type": "group", "children": { "textStyle": { "name": "文本样式", "type": "font", "default": { "fontFamily": "Mircosoft Yahei", "fontSize": 16, "color": "#ffffff", "fontWeight": "normal", "italic": "normal", "letterSpacing": 0 } }, "vertical": { "name": "纵向对齐", "type": "buttonRadio", "default": "center", "options": [ { "name": "顶部对齐", "value": "top" }, { "name": "居中对齐", "value": "center" }, { "name": "底部对齐", "value": "bottom" } ] }, "offset": { "type": "suite", "name": "偏移", "children": { "offsetX": { "type": "number", "suffix": "px", "default": 0, "col": 12, "name": "X" }, "offsetY": { "type": "number", "suffix": "px", "col": 12, "default": 0, "name": "Y" } } } } }, "numValue": { "show": [ [ "styleBySelf", "$eq", true ] ], "name": "数值", "type": "group", "children": { "textStyle": { "name": "文本样式", "type": "font", "default": { "fontFamily": "Mircosoft Yahei", "fontSize": 16, "color": "#ffffff", "fontWeight": "normal", "italic": "normal", "letterSpacing": 0 } }, "vertical": { "name": "纵向对齐", "type": "buttonRadio", "default": "center", "options": [ { "name": "顶部对齐", "value": "top" }, { "name": "居中对齐", "value": "center" }, { "name": "底部对齐", "value": "bottom" } ] }, "offset": { "type": "suite", "name": "偏移", "children": { "offsetX": { "type": "number", "suffix": "px", "default": 0, "col": 12, "name": "X" }, "offsetY": { "type": "number", "suffix": "px", "col": 12, "default": 0, "name": "Y" } } }, "content": { "name": "单位内容", "default": "", "type": "text" } } } } } } } } } } }, "api_data": { "source": [ { "value": 6.97, "name": "山东", "s": "系列一" }, { "value": 5.03, "name": "湖北", "s": "系列一" }, { "value": 6.03, "name": "广西", "s": "系列一" }, { "value": 7.84, "name": "浙江", "s": "系列一" }, { "value": 9.59, "name": "江苏", "s": "系列二" }, { "value": 5.84, "name": "上海", "s": "系列二" }, { "value": 5.76, "name": "云南", "s": "系列二" }, { "value": 4.76, "name": "福建", "s": "系列二" } ] }, "thumbnail": "/civ_pandaview_component/pandabi-component/assets/定点气泡图.png" } }