{ "name": "rankBar", "version": "1.0.1", "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", "react-dom": "17.0.2", "popmotion": "^11.0.5" }, "pandav": { "cn_name": "轮播排行条形图", "level": 0, "icon": "/civ_pandaview_component/pandabi-component/assets/yoh7rps2hc_1711505888230_gd2nhu4b6q.png", "thumbnail": "/civ_pandaview_component/pandabi-component/assets/yoh7rps2hc_1711505888230_gd2nhu4b6q.png", "protocol": 2, "type": [ "DataV-6:regular_column" ], "supportTheme": true, "view": { "width": "500", "height": "250", "minWidth": "50", "minHeight": "50", "z-index": 1010 }, "apis": { "source": { "handler": "render", "description": "基础折线图接口", "fields": { "text": { "description": "文本" }, "value": { "description": "值" }, "s": { "description": "系列" }, "index": { "description": "序列" } } } }, "config": { "options": { "type": "menu", "children": { "chart": { "name": "全局", "type": "menuChild", "children": { "autoSort": { "name": "自动排序", "type": "boolean", "default": false }, "sort": { "name": "排序", "type": "select", "show": [ [ "autoSort", "$eq", true ] ], "default": "up", "options": [ { "label": "升序", "value": "up" }, { "label": "降序", "value": "down" } ] }, "num": { "name": "显示行数", "type": "number", "default": 5 }, "animation": { "name": "轮播动画", "type": "group", "enableHide": true, "children": { "show": { "default": false }, "animateType": { "name": "动画类型", "type": "select", "default": "pageUp", "options": [ { "label": "翻页", "value": "pageUp" }, { "label": "水平切换", "value": "horizontal" } ] }, "duration": { "name": "持续时间", "default": 2, "min": 1, "type": "number", "suffix": "s" }, "interval": { "name": "间隔时间", "default": 2, "min": 1, "type": "number", "suffix": "s" }, "delay": { "name": "延迟开始时间", "default": 1, "min": 0, "show": [ [ "animateType", "$eq", "horizontal" ] ], "type": "number", "suffix": "s" }, "hoverStop": { "name": "悬停暂停动画", "type": "boolean", "default": true } } } } }, "orderStyle": { "name": "序号", "type": "menuChild", "children": { "type": { "name": "序号类型", "default": "text", "type": "radio", "options": [ { "name": "文字", "value": "text" }, { "name": "图片", "value": "image" } ] }, "width": { "name": "宽度", "default": 40, "min": 0, "suffix": "px", "type": "number" }, "textAlign": { "name": "对齐方式", "type": "iconRadio", "default": "right", "evenlySplit": true, "options": [ { "label": "左对齐", "value": "left", "src": "align-left" }, { "label": "居中对齐", "value": "center", "src": "align-center" }, { "label": "右对齐", "value": "right", "src": "align-right" } ] }, "orderTextStyles": { "name": "样式", "type": "group", "show": [ [ "type", "$eq", "text" ] ], "children": { "textPrefix": { "name": "文本前缀", "default": "No.", "type": "text" }, "textStyle": { "name": "文本样式", "type": "font", "default": { "fontFamily": "Mircosoft Yahei", "fontSize": 16, "color": "rgba(230, 247, 255, 0.7)", "fontWeight": "normal", "italic": "normal", "letterSpacing": 0 } }, "url": { "name": "背景", "type": "image", "default": "" }, "mask": { "name": "遮罩", "type": "image", "default": "" } } }, "imageStyles": { "name": "样式", "type": "group", "show": [ [ "type", "$eq", "image" ] ], "children": { "url": { "name": "图片", "type": "image", "default": "/civ_pandaview_component/pandabi-component/assets/components/rankBar/icon.png" }, "mask": { "name": "遮罩", "type": "image", "default": "" }, "size": { "name": "尺寸", "type": "suite", "children": { "width": { "name": "宽度", "type": "number", "default": 20, "suffix": "px", "col": 12 }, "height": { "name": "高度", "type": "number", "suffix": "px", "default": 20, "col": 12 } } } } }, "textTranslate": { "name": "偏移", "type": "suite", "children": { "x": { "name": "X", "type": "number", "default": 0, "suffix": "px", "col": 12 }, "y": { "name": "Y", "type": "number", "suffix": "px", "default": 0, "col": 12 } } }, "style": { "name": "样式指定", "type": "tabs", "show": [ [ "enable", "$eq", true ] ], "default": [], "template": { "name": "指定<%=i+1%>", "type": "object", "children": { "index": { "name": "序号", "default": "", "type": "text" }, "type": { "name": "序号类型", "default": "text", "optionCol": 12, "type": "radio", "options": [ { "name": "文字", "value": "text" }, { "name": "图片", "value": "image" } ] }, "width": { "name": "宽度", "default": 40, "min": 0, "suffix": "px", "type": "number" }, "textAlign": { "name": "对齐方式", "type": "iconRadio", "default": "right", "evenlySplit": true, "options": [ { "label": "左对齐", "value": "left", "src": "align-left" }, { "label": "居中对齐", "value": "center", "src": "align-center" }, { "label": "右对齐", "value": "right", "src": "align-right" } ] }, "orderTextStyles": { "name": "样式", "type": "group", "show": [ [ "type", "$eq", "text" ] ], "children": { "textPrefix": { "name": "文本前缀", "default": "No.", "type": "text" }, "textStyle": { "name": "文本样式", "type": "font", "default": { "fontFamily": "Mircosoft Yahei", "fontSize": 16, "color": "rgba(230, 247, 255, 0.7)", "fontWeight": "normal", "italic": "normal", "letterSpacing": 0 } }, "url": { "name": "背景", "type": "image", "default": "" }, "mask": { "name": "遮罩", "type": "image", "default": "" } } }, "imageStyles": { "name": "样式", "type": "group", "show": [ [ "type", "$eq", "image" ] ], "children": { "url": { "name": "图片", "type": "image", "default": "/civ_pandaview_component/pandabi-component/assets/components/rankBar/icon.png" }, "mask": { "name": "遮罩", "type": "image", "default": "" }, "size": { "name": "尺寸", "type": "suite", "children": { "width": { "name": "宽度", "type": "number", "default": 20, "suffix": "px", "col": 12 }, "height": { "name": "高度", "type": "number", "suffix": "px", "default": 20, "col": 12 } } } } }, "textTranslate": { "name": "偏移", "type": "suite", "children": { "x": { "name": "X", "type": "number", "default": 0, "suffix": "px", "col": 12 }, "y": { "name": "Y", "type": "number", "suffix": "px", "default": 0, "col": 12 } } } } } } } }, "columnsSeries": { "name": "字段", "type": "menuChild", "children": { "columns": { "name": "字段", "type": "array", "fold": false, "default": [ { "field": "text", "type": "text", "width": 80, "textAlign": "flex-start", "max": "", "barHeight": 5, "bgColor": "RGBA(230,247, 255, 0.1)", "textStyle": { "fontFamily": "Mircosoft Yahei", "fontSize": 16, "color": "#E6F7FF", "fontWeight": "normal", "italic": "normal", "letterSpacing": 0 }, "overflow": "ellipsis", "duration": 3, "textTranslate": { "x": 10, "y": 0 }, "headImage": { "show": true, "src": "/civ_pandaview_component/pandabi-component/assets/components/rankBar/circle.png", "mask": "", "radius": 40 }, "suffixStyles": { "show": true, "content": "", "textStyle": { "fontFamily": "Mircosoft Yahei", "fontSize": 16, "color": "#E6F7FF", "fontWeight": "normal", "italic": "normal", "letterSpacing": 0 }, "suffixTranslate": { "x": 0, "y": 0 } } }, { "field": "value", "type": "bar", "width": 230, "textAlign": "center", "max": "1200", "barHeight": 6, "bgColor": "RGBA(230,247, 255, 0.1)", "textStyle": { "fontFamily": "Mircosoft Yahei", "fontSize": 16, "color": "#E6F7FF", "fontWeight": "normal", "italic": "normal", "letterSpacing": 0 }, "overflow": "marquee", "duration": 1, "textTranslate": { "x": 0, "y": 0 }, "headImage": { "show": true, "src": "/civ_pandaview_component/pandabi-component/assets/components/rankBar/circle.png", "mask": "", "radius": 40 }, "suffixStyles": { "show": true, "content": "/个", "textStyle": { "fontFamily": "Mircosoft Yahei", "fontSize": 16, "color": "#E6F7FF", "fontWeight": "normal", "italic": "normal", "letterSpacing": 0 }, "suffixTranslate": { "x": 0, "y": 0 } } }, { "field": "value", "type": "num", "width": 90, "textAlign": "flex-end", "max": "", "barHeight": 5, "bgColor": "RGBA(230,247, 255, 0.1)", "textStyle": { "fontFamily": "Mircosoft Yahei", "fontSize": 16, "color": "#E6F7FF", "fontWeight": "normal", "italic": "normal", "letterSpacing": 0 }, "overflow": "marquee", "duration": 1, "textTranslate": { "x": 0, "y": 0 }, "headImage": { "show": true, "src": "/civ_pandaview_component/pandabi-component/assets/components/rankBar/circle.png", "mask": "", "radius": 40 }, "suffixStyles": { "show": true, "content": "/个", "textStyle": { "fontFamily": "Mircosoft Yahei", "fontSize": 16, "color": "#E6F7FF", "fontWeight": "normal", "italic": "normal", "letterSpacing": 0 }, "suffixTranslate": { "x": 0, "y": 0 } } } ], "child": { "type": "object", "name": "字段<%=i+1%>", "child": { "field": { "name": "字段名", "type": "text", "default": "text" }, "type": { "name": "类型", "type": "select", "default": "text", "options": [ { "name": "类目", "value": "text" }, { "name": "柱子", "value": "bar" }, { "name": "数值", "value": "num" } ] }, "width": { "name": "宽度", "default": 80, "min": 0, "suffix": "px", "type": "number" }, "textAlign": { "name": "对齐方式", "type": "iconRadio", "default": "flex-start", "show": [ [ "type", "$ne", "bar" ] ], "evenlySplit": true, "options": [ { "label": "左对齐", "value": "flex-start", "src": "align-left" }, { "label": "居中对齐", "value": "center", "src": "align-center" }, { "label": "右对齐", "value": "flex-end", "src": "align-right" } ] }, "max": { "name": "最大值", "default": "", "show": [ [ "type", "$eq", "bar" ] ], "type": "text" }, "barHeight": { "name": "柱状高度", "show": [ [ "type", "$eq", "bar" ] ], "type": "number", "default": 5, "min": 0, "suffix": "px" }, "bgColor": { "name": "背景颜色", "show": [ [ "type", "$eq", "bar" ] ], "type": "color", "default": "RGBA(230,247, 255, 0.1)" }, "textStyle": { "name": "文本样式", "type": "font", "show": [ [ "type", "$ne", "bar" ] ], "default": { "fontFamily": "Mircosoft Yahei", "fontSize": 16, "color": "#E6F7FF", "fontWeight": "normal", "italic": "normal", "letterSpacing": 0 } }, "overflow": { "name": "文本溢出", "type": "select", "show": [ [ "type", "$eq", "text" ] ], "default": "ellipsis", "options": [ { "name": "滚动", "value": "marquee" }, { "name": "省略号", "value": "ellipsis" }, { "name": "换行", "value": "break-word" } ] }, "duration": { "show": [ [ "overflow", "$eq", "marquee" ], [ "type", "$eq", "text" ] ], "name": "动画时间", "type": "number", "default": 3, "step": 2, "min": 1, "max": 3600, "suffix": "s" }, "textTranslate": { "name": "偏移", "type": "suite", "children": { "x": { "name": "X", "type": "number", "default": 10, "suffix": "px", "col": 12 }, "y": { "name": "Y", "type": "number", "suffix": "px", "default": 0, "col": 12 } } }, "headImage": { "name": "头部图片", "type": "group", "show": [ [ "type", "$eq", "bar" ] ], "enableHide": true, "children": { "show": { "default": true }, "src": { "name": "颜色贴图", "type": "image", "default": "/civ_pandaview_component/pandabi-component/assets/components/rankBar/circle.png" }, "mask": { "name": "遮罩", "type": "image", "default": "" }, "radius": { "name": "半径", "type": "number", "default": 40, "min": 0, "suffix": "px" } } }, "suffixStyles": { "name": "后缀", "type": "group", "show": [ [ "type", "$eq", "num" ] ], "enableHide": true, "children": { "show": { "default": true }, "content": { "name": "内容", "default": "", "type": "text" }, "textStyle": { "name": "文本样式", "type": "font", "default": { "fontFamily": "Mircosoft Yahei", "fontSize": 16, "color": "#E6F7FF", "fontWeight": "normal", "italic": "normal", "letterSpacing": 0 } }, "suffixTranslate": { "name": "偏移", "type": "suite", "children": { "x": { "name": "X", "type": "number", "default": 0, "suffix": "px", "col": 12 }, "y": { "name": "Y", "type": "number", "suffix": "px", "default": 0, "col": 12 } } } } } } } } } }, "colorDtseries": { "type": "menuChild", "name": "系列", "children": { "series": { "name": "数据系列", "type": "array", "fold": false, "default": [ { "name": "系列一", "barColor": { "type": "linearGradient", "value": { "stops": [ { "offset": 100, "color": "RGBA(24,78, 255, 0.5)" }, { "offset": 0, "color": "RGBA(24, 144, 255, 1)" } ], "angle": 270, "opacity": 1 } }, "barBorder": { "color": "#2A62CE", "width": 0 }, "barShadow": { "show": false, "color": "#1890FF", "vShadow": 0, "hShadow": 0, "blur": 8 }, "textColor": "#E6F7FF", "textShadow": { "show": false, "color": "#E6F7FF", "vShadow": 0, "hShadow": 0, "blur": 8 }, "numColor": "#E6F7FF", "suffixColor": "#E6F7FF", "imgPrefix": { "show": false, "imgPrefixUrl": "/civ_pandaview_component/pandabi-component/assets/components/rankBar/icon.png", "mask": "", "imgPrefixSize": { "width": 20, "height": 20 }, "imgTranslate": { "x": 0, "y": 0 } } }, { "name": "系列二", "barColor": { "type": "linearGradient", "value": { "stops": [ { "offset": 100, "color": "RGBA(5,184, 184, 0.5)" }, { "offset": 0, "color": "RGBA(30, 231, 231, 1)" } ], "angle": 270, "opacity": 1 } }, "barBorder": { "color": "#05b8b8", "width": 0 }, "barShadow": { "show": false, "color": "#1890FF", "vShadow": 0, "hShadow": 0, "blur": 8 }, "textColor": "#E6F7FF", "textShadow": { "show": false, "color": "#E6F7FF", "vShadow": 0, "hShadow": 0, "blur": 8 }, "numColor": "#E6F7FF", "suffixColor": "#E6F7FF", "imgPrefix": { "show": false, "imgPrefixUrl": "/civ_pandaview_component/pandabi-component/assets/components/rankBar/icon.png", "mask": "", "imgPrefixSize": { "width": 20, "height": 20 }, "imgTranslate": { "x": 0, "y": 0 } } }, { "name": "系列三", "barColor": { "type": "linearGradient", "value": { "stops": [ { "offset": 100, "color": "RGBA(156,156, 181, 0.5)" }, { "offset": 0, "color": "RGBA(233, 233, 233, 1)" } ], "angle": 270, "opacity": 1 } }, "barBorder": { "color": "#9c9cb5", "width": 0 }, "barShadow": { "show": false, "color": "#1890FF", "vShadow": 0, "hShadow": 0, "blur": 8 }, "textColor": "#E6F7FF", "textShadow": { "show": false, "color": "#E6F7FF", "vShadow": 0, "hShadow": 0, "blur": 8 }, "numColor": "#E6F7FF", "suffixColor": "#E6F7FF", "imgPrefix": { "show": false, "imgPrefixUrl": "/civ_pandaview_component/pandabi-component/assets/components/rankBar/icon.png", "mask": "", "imgPrefixSize": { "width": 20, "height": 20 }, "imgTranslate": { "x": 0, "y": 0 } } } ], "child": { "type": "object", "name": "系列<%=i+1%>", "child": { "name": { "name": "系列名", "default": "", "type": "text" }, "barColor": { "name": "柱状颜色", "type": "fill", "components": [ "flat", "linearGradient" ], "default": { "type": "linearGradient", "value": { "stops": [ { "offset": 100, "color": "RGBA(24,78, 255, 0.5)" }, { "offset": 0, "color": "RGBA(24, 144, 255, 1)" } ], "angle": 270, "opacity": 1 } } }, "barBorder": { "name": "柱状描边", "type": "group", "children": { "color": { "name": "颜色", "default": "#2A62CE", "type": "color" }, "width": { "name": "粗细", "type": "number", "default": 0, "min": 0, "suffix": "px" } } }, "barShadow": { "type": "group", "name": "阴影", "fold": true, "enableHide": true, "children": { "show": { "default": true }, "color": { "name": "颜色", "type": "color", "default": "#1890FF", "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": 8, "col": 12 } } }, "textColor": { "name": "类目颜色", "type": "color", "default": "#E6F7FF" }, "textShadow": { "type": "group", "name": "类目文本阴影", "fold": true, "enableHide": true, "children": { "show": { "default": false }, "color": { "name": "颜色", "type": "color", "default": "#E6F7FF", "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": 8, "col": 12 } } }, "numColor": { "name": "数值颜色", "type": "color", "default": "#E6F7FF" }, "suffixColor": { "name": "后缀颜色", "type": "color", "default": "#E6F7FF" }, "imgPrefix": { "type": "group", "name": "图片前缀", "fold": true, "enableHide": true, "children": { "show": { "default": false }, "imgPrefixUrl": { "name": "图片前缀", "type": "image", "default": "" }, "mask": { "name": "遮罩", "type": "image", "default": "" }, "imgPrefixSize": { "name": "尺寸", "type": "suite", "children": { "width": { "name": "宽度", "default": 20, "col": 12, "type": "number" }, "height": { "name": "高度", "default": 20, "col": 12, "type": "number" } } }, "imgTranslate": { "name": "尺寸", "type": "suite", "children": { "x": { "name": "X", "default": 0, "col": 12, "type": "number", "suffix": "px" }, "y": { "name": "Y", "default": 0, "col": 12, "type": "number", "suffix": "px" } } } } } } } } } } } } }, "api_data": { "source": [ { "text": "黑龙江", "value": 1300, "s": "系列一", "index": 1 }, { "text": "哈尔滨", "value": 1200, "s": "系列一", "index": 2 }, { "text": "北京", "value": 900, "s": "系列二", "index": 3 }, { "text": "马鞍山", "value": 670, "s": "系列三", "index": 4 }, { "text": "合肥", "value": 530, "s": "系列三", "index": 5 }, { "text": "昆明", "value": 490, "s": "系列三", "index": 6 }, { "text": "六盘水", "value": 320, "s": "系列二", "index": 7 }, { "text": "西安", "value": 120, "s": "系列二", "index": 8 }, { "text": "秦皇岛", "value": 50, "s": "系列二", "index": 9 } ] }, "events": { "click": { "name": "鼠标点击", "type": "object", "fields": { "text": { "type": "string", "name": "名称" }, "value": { "type": "number", "name": "内容数值" }, "s": { "type": "string", "name": "系列" } }, "data": { "text": "黑龙江", "value": 1300, "s": "系列一", "index": 1 } } }, "publicHandler": {} } }