zaibei_charts/test/top/ChartTop1/index.js

import ChartBar from '../../../src/chart/top/ChartTop1/ChartTop1.js';

let bar = new ChartBar(document.getElementsByClassName('c1')[0], {});
window.addEventListener('resize', () => {
    bar.resize();
});
// setTimeout(() => {
//     bar.dispose();
//     bar = new ChartBar(document.getElementsByClassName('c1')[0], {
//         "color": ["#2e4ccc", "#2e62cc", "#a12ecc", "#752ecc", "#442ecc", "#2e78cc", "#2e92cc", "#2eb4cc", "#2ecc71"],
//         "title": {
//             "text": "",
//             "left": "5%",
//             "top": "5%",
//             "textStyle": {"fontSize": 22, "fontWeight": "normal", "color": "#000000"}
//         },
//         "grid": {"left": "18%", "right": "18%", "top": "20%", "bottom": "18%"},
//         "series": [{
//             "data": [{"name": "数据一", "value": 9080}, {"name": "数据二", "value": 8970}, {
//                 "name": "数据三",
//                 "value": 8836
//             }, {"name": "数据四", "value": 8680}, {"name": "数据五", "value": 8432}, {"name": "数据六", "value": 7489}],
//             "sort": 0,
//             "nameTextStyle": {"color": "#dceeff", "fontSize": 12},
//             "valueTextStyle": {"color": "#dceeff", "fontSize": 12}
//         }],
//         "bg": {"backgroundColor": "rgba(0,0,0,100)"},
//         "noTheme": {},
//         "useDashboardTheme": false,
//         "column": {"series": ["数据类别", "数值大小"]},
//         "dataConfig": {
//             "column": {"series": ["数据类别", "数值大小"]},
//             "dataConfig": {
//                 "series": {
//                     "数据类别": ["数据一", "数据二", "数据三", "数据四", "数据五", "数据六"],
//                     "数值大小": [9080, 8970, 8836, 8680, 8432, 7489]
//                 }
//             },
//             "configList": [{"name": "名称", "type": "value", "comType": "single", "defaultKey": "数据类别"}, {
//                 "name": "数值",
//                 "type": "value",
//                 "comType": "single",
//                 "defaultKey": "数值大小"
//             }],
//             "defaultData": {
//                 "数据类别": ["数据一", "数据二", "数据三", "数据四", "数据五", "数据六"],
//                 "数值大小": [9080, 8970, 8836, 8680, 8432, 7489]
//             }
//         },
//         "customizeData": {
//             "title": {
//                 "name": "标题",
//                 "sub": {
//                     "text": {"name": "内容", "comType": "input", "defaultValue": ""},
//                     "left": {
//                         "name": "水平安放位置",
//                         "defaultChoose": 0,
//                         "chooseSub": [{
//                             "comType": "slider",
//                             "defaultValue": "5%",
//                             "comInfo": {"min": "0%", "max": "100%"}
//                         }, {
//                             "comType": "radio",
//                             "defaultValue": "left",
//                             "comInfo": [{"name": "居左", "value": "left"}, {"name": "居中", "value": "center"}, {
//                                 "name": "居右",
//                                 "value": "right"
//                             }]
//                         }]
//                     },
//                     "top": {
//                         "name": "垂直安放位置",
//                         "defaultChoose": 0,
//                         "chooseSub": [{
//                             "comType": "slider",
//                             "defaultValue": "5%",
//                             "comInfo": {"min": "0%", "max": "100%"}
//                         }, {
//                             "comType": "radio",
//                             "defaultValue": "top",
//                             "comInfo": [{"name": "居上", "value": "top"}, {"name": "居中", "value": "middle"}, {
//                                 "name": "居下",
//                                 "value": "bottom"
//                             }]
//                         }]
//                     },
//                     "textStyle": {
//                         "name": "字体样式",
//                         "sub": {
//                             "fontSize": {
//                                 "name": "字体大小",
//                                 "comType": "slider",
//                                 "defaultValue": 22,
//                                 "comInfo": {"min": 12, "max": 50}
//                             },
//                             "fontWeight": {
//                                 "name": "字体加粗",
//                                 "comType": "radio",
//                                 "defaultValue": "normal",
//                                 "comInfo": [{"name": "正常", "value": "normal"}, {"name": "加粗", "value": "bold"}]
//                             },
//                             "color": {"name": "字体颜色", "comType": "colorPicker", "defaultValue": "#000000"}
//                         }
//                     }
//                 }
//             },
//             "grid": {
//                 "name": "视区",
//                 "sub": {
//                     "left": {
//                         "name": "左边距",
//                         "comType": "slider",
//                         "defaultValue": "18%",
//                         "comInfo": {"min": "0%", "max": "100%"}
//                     },
//                     "right": {
//                         "name": "右边距",
//                         "comType": "slider",
//                         "defaultValue": "18%",
//                         "comInfo": {"min": "0%", "max": "100%"}
//                     },
//                     "top": {
//                         "name": "上边距",
//                         "comType": "slider",
//                         "defaultValue": "20%",
//                         "comInfo": {"min": "0%", "max": "100%"}
//                     },
//                     "bottom": {
//                         "name": "下边距",
//                         "comType": "slider",
//                         "defaultValue": "18%",
//                         "comInfo": {"min": "0%", "max": "100%"}
//                     }
//                 }
//             },
//             "series": {
//                 "name": "系列",
//                 "type": "ChartBarH",
//                 "sub": {
//                     "sort": {
//                         "name": "排序规则",
//                         "defaultValue": 0,
//                         "comType": "radio",
//                         "comInfo": [{"name": "不自动排序", "value": 0}, {"name": "从大到小", "value": 1}, {
//                             "name": "从小到大",
//                             "value": 2
//                         }]
//                     },
//                     "nameTextStyle": {
//                         "name": "名称",
//                         "sub": {
//                             "color": {"name": "字体颜色", "defaultValue": "#dceeff", "comType": "colorPicker"},
//                             "fontSize": {
//                                 "name": "字体大小",
//                                 "defaultValue": 12,
//                                 "comType": "slider",
//                                 "comInfo": {"min": 12, "max": 50}
//                             }
//                         }
//                     },
//                     "valueTextStyle": {
//                         "name": "数据",
//                         "sub": {
//                             "color": {"name": "字体颜色", "defaultValue": "#dceeff", "comType": "colorPicker"},
//                             "fontSize": {
//                                 "name": "字体大小",
//                                 "defaultValue": 12,
//                                 "comType": "slider",
//                                 "comInfo": {"min": 12, "max": 50}
//                             }
//                         }
//                     }
//                 }
//             },
//             "bg": {
//                 "name": "背景",
//                 "sub": {"backgroundColor": {"name": "背景色", "defaultValue": "rgba(0,0,0,0)", "comType": "colorPicker"}}
//             },
//             "noTheme": true
//         },
//         "chartName": "ChartTop1",
//         "chartCuid": "CHART-ff808081687394860168832316b90067",
//         "dataOption": [{
//             "data": ["数据一", "数据二", "数据三", "数据四", "数据五", "数据六"],
//             "name": "数据类别"
//         }, {"data": [9080, 8970, 8836, 8680, 8432, 7489], "name": "数值大小"}],
//         "dataError": false
//     });
// }, 3000);
//
// let j = {
//     "color": ["#2e4ccc", "#2e62cc", "#a12ecc", "#752ecc", "#442ecc", "#2e78cc", "#2e92cc", "#2eb4cc", "#2ecc71"],
//     "title": {
//         "text": "",
//         "left": "5%",
//         "top": "5%",
//         "textStyle": {"fontSize": 22, "fontWeight": "normal", "color": "#000000"}
//     },
//     "grid": {"left": "18%", "right": "18%", "top": "20%", "bottom": "18%"},
//     "series": [{
//         "data": [{"name": "数据一", "value": 9080}, {"name": "数据二", "value": 8970}, {
//             "name": "数据三",
//             "value": 8836
//         }, {"name": "数据四", "value": 8680}, {"name": "数据五", "value": 8432}, {"name": "数据六", "value": 7489}],
//         "sort": 0,
//         "nameTextStyle": {"color": "#dceeff", "fontSize": 12},
//         "valueTextStyle": {"color": "#dceeff", "fontSize": 12}
//     }],
//     "bg": {"backgroundColor": "rgba(0,0,0,0)"},
//     "noTheme": {},
//     "useDashboardTheme": false,
//     "column": {"series": ["数据类别", "数值大小"]},
//     "dataConfig": {
//         "column": {"series": ["数据类别", "数值大小"]},
//         "dataConfig": {
//             "series": {
//                 "数据类别": ["数据一", "数据二", "数据三", "数据四", "数据五", "数据六"],
//                 "数值大小": [9080, 8970, 8836, 8680, 8432, 7489]
//             }
//         },
//         "configList": [{"name": "名称", "type": "value", "comType": "single", "defaultKey": "数据类别"}, {
//             "name": "数值",
//             "type": "value",
//             "comType": "single",
//             "defaultKey": "数值大小"
//         }],
//         "defaultData": {
//             "数据类别": ["数据一", "数据二", "数据三", "数据四", "数据五", "数据六"],
//             "数值大小": [9080, 8970, 8836, 8680, 8432, 7489]
//         }
//     },
//     "customizeData": {
//         "title": {
//             "name": "标题",
//             "sub": {
//                 "text": {"name": "内容", "comType": "input", "defaultValue": ""},
//                 "left": {
//                     "name": "水平安放位置",
//                     "defaultChoose": 0,
//                     "chooseSub": [{
//                         "comType": "slider",
//                         "defaultValue": "5%",
//                         "comInfo": {"min": "0%", "max": "100%"}
//                     }, {
//                         "comType": "radio",
//                         "defaultValue": "left",
//                         "comInfo": [{"name": "居左", "value": "left"}, {"name": "居中", "value": "center"}, {
//                             "name": "居右",
//                             "value": "right"
//                         }]
//                     }]
//                 },
//                 "top": {
//                     "name": "垂直安放位置",
//                     "defaultChoose": 0,
//                     "chooseSub": [{
//                         "comType": "slider",
//                         "defaultValue": "5%",
//                         "comInfo": {"min": "0%", "max": "100%"}
//                     }, {
//                         "comType": "radio",
//                         "defaultValue": "top",
//                         "comInfo": [{"name": "居上", "value": "top"}, {"name": "居中", "value": "middle"}, {
//                             "name": "居下",
//                             "value": "bottom"
//                         }]
//                     }]
//                 },
//                 "textStyle": {
//                     "name": "字体样式",
//                     "sub": {
//                         "fontSize": {
//                             "name": "字体大小",
//                             "comType": "slider",
//                             "defaultValue": 22,
//                             "comInfo": {"min": 12, "max": 50}
//                         },
//                         "fontWeight": {
//                             "name": "字体加粗",
//                             "comType": "radio",
//                             "defaultValue": "normal",
//                             "comInfo": [{"name": "正常", "value": "normal"}, {"name": "加粗", "value": "bold"}]
//                         },
//                         "color": {"name": "字体颜色", "comType": "colorPicker", "defaultValue": "#000000"}
//                     }
//                 }
//             }
//         },
//         "grid": {
//             "name": "视区",
//             "sub": {
//                 "left": {
//                     "name": "左边距",
//                     "comType": "slider",
//                     "defaultValue": "18%",
//                     "comInfo": {"min": "0%", "max": "100%"}
//                 },
//                 "right": {
//                     "name": "右边距",
//                     "comType": "slider",
//                     "defaultValue": "18%",
//                     "comInfo": {"min": "0%", "max": "100%"}
//                 },
//                 "top": {
//                     "name": "上边距",
//                     "comType": "slider",
//                     "defaultValue": "20%",
//                     "comInfo": {"min": "0%", "max": "100%"}
//                 },
//                 "bottom": {
//                     "name": "下边距",
//                     "comType": "slider",
//                     "defaultValue": "18%",
//                     "comInfo": {"min": "0%", "max": "100%"}
//                 }
//             }
//         },
//         "series": {
//             "name": "系列",
//             "type": "ChartBarH",
//             "sub": {
//                 "sort": {
//                     "name": "排序规则",
//                     "defaultValue": 0,
//                     "comType": "radio",
//                     "comInfo": [{"name": "不自动排序", "value": 0}, {"name": "从大到小", "value": 1}, {
//                         "name": "从小到大",
//                         "value": 2
//                     }]
//                 },
//                 "nameTextStyle": {
//                     "name": "名称",
//                     "sub": {
//                         "color": {"name": "字体颜色", "defaultValue": "#dceeff", "comType": "colorPicker"},
//                         "fontSize": {
//                             "name": "字体大小",
//                             "defaultValue": 12,
//                             "comType": "slider",
//                             "comInfo": {"min": 12, "max": 50}
//                         }
//                     }
//                 },
//                 "valueTextStyle": {
//                     "name": "数据",
//                     "sub": {
//                         "color": {"name": "字体颜色", "defaultValue": "#dceeff", "comType": "colorPicker"},
//                         "fontSize": {
//                             "name": "字体大小",
//                             "defaultValue": 12,
//                             "comType": "slider",
//                             "comInfo": {"min": 12, "max": 50}
//                         }
//                     }
//                 }
//             }
//         },
//         "bg": {
//             "name": "背景",
//             "sub": {"backgroundColor": {"name": "背景色", "defaultValue": "rgba(0,0,0,0)", "comType": "colorPicker"}}
//         },
//         "noTheme": true
//     },
//     "chartName": "ChartTop1",
//     "chartCuid": "CHART-ff808081687394860168832316b90067",
//     "dataOption": [{
//         "data": ["数据一", "数据二", "数据三", "数据四", "数据五", "数据六"],
//         "name": "数据类别"
//     }, {"data": [9080, 8970, 8836, 8680, 8432, 7489], "name": "数值大小"}],
//     "dataError": false
// }