onesight-charts 0.3.6 → 0.3.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (42) hide show
  1. package/README.md +8 -0
  2. package/dist/onesight-charts.min.css +1 -1
  3. package/dist/onesight-charts.min.js +1 -1
  4. package/es/components/common-bar/demo/base.js +57 -0
  5. package/es/components/common-bar/demo/yIcon.js +57 -0
  6. package/es/components/common-bar/index.js +528 -0
  7. package/es/components/common-bar/style.scss +87 -0
  8. package/es/components/custom-line/demo/base.js +27 -0
  9. package/es/components/custom-line/index.js +482 -0
  10. package/es/components/custom-line/style.scss +58 -0
  11. package/es/components/custom-line/tooltipConfig.js +92 -0
  12. package/es/components/horizontal-bar/index.js +1 -0
  13. package/es/components/line/style.scss +10 -0
  14. package/es/components/pie/legend/style.scss +1 -1
  15. package/es/components/stacked-bar/index.js +1 -1
  16. package/es/components/vertical-stacked-bar/demo/base.js +110 -0
  17. package/es/components/vertical-stacked-bar/index.js +382 -0
  18. package/es/components/vertical-stacked-bar/style.scss +149 -0
  19. package/es/components/word-cloud/demo/base.js +8 -3
  20. package/es/components/word-cloud/index.js +38 -12
  21. package/es/index.js +3 -2
  22. package/es/utils/chartUtils.js +70 -3
  23. package/lib/components/common-bar/demo/base.js +102 -0
  24. package/lib/components/common-bar/demo/yIcon.js +102 -0
  25. package/lib/components/common-bar/index.js +550 -0
  26. package/lib/components/common-bar/style.scss +87 -0
  27. package/lib/components/custom-line/demo/base.js +61 -0
  28. package/lib/components/custom-line/index.js +443 -0
  29. package/lib/components/custom-line/style.scss +58 -0
  30. package/lib/components/custom-line/tooltipConfig.js +145 -0
  31. package/lib/components/horizontal-bar/index.js +1 -0
  32. package/lib/components/line/style.scss +10 -0
  33. package/lib/components/pie/legend/style.scss +1 -1
  34. package/lib/components/stacked-bar/index.js +1 -1
  35. package/lib/components/vertical-stacked-bar/demo/base.js +152 -0
  36. package/lib/components/vertical-stacked-bar/index.js +392 -0
  37. package/lib/components/vertical-stacked-bar/style.scss +149 -0
  38. package/lib/components/word-cloud/demo/base.js +16 -3
  39. package/lib/components/word-cloud/index.js +34 -12
  40. package/lib/index.js +4 -1
  41. package/lib/utils/chartUtils.js +55 -2
  42. package/package.json +1 -1
package/README.md CHANGED
@@ -17,3 +17,11 @@ $ npm run dev
17
17
 
18
18
  $ npm publish
19
19
  ```
20
+
21
+ 打包部署
22
+
23
+ 执行命令:
24
+
25
+ npm run docs:build
26
+
27
+ 执行完将 docs-dist 文件名改成 dist,然后使用 d_fy 命令部署。
@@ -1 +1 @@
1
- @font-face{font-family:iconfont;src:url(static/iconfont.d8ae4c20.woff2) format("woff2"),url(static/iconfont.69fb20d3.woff) format("woff"),url(static/iconfont.3a296efd.ttf) format("truetype")}.iconfont{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:iconfont!important;font-size:16px;font-style:normal}.icon-left:before{content:"\e60b"}.icon-right:before{content:"\e60c"}.onesight-chart-pagination{display:flex;justify-content:flex-end;overflow:hidden}.onesight-chart-pagination .onesight-chart-page{align-items:center;background:#fff;border:1px solid #ddd;border-radius:6px;display:inline-flex;height:24px;padding:0 4px}.onesight-chart-pagination .icon-left,.onesight-chart-pagination .icon-right{border-radius:4px;color:#515e5f;cursor:pointer;line-height:1;margin-left:1px}.onesight-chart-pagination .icon-left:hover,.onesight-chart-pagination .icon-right:hover{background:#f1f2f2;color:#1da9a0}.onesight-chart-pagination .page-num{color:#364141;font-size:12px;font-weight:500;margin:0 3px}.onesight-chart-pagination .disabled{color:#b9bfbf;cursor:no-drop}.onesight-chart-pagination .disabled:hover{background:none;color:#b9bfbf}.onesight-horizontal-bar{display:flex;flex-direction:column;height:100%;width:100%}.onesight-horizontal-bar .bar-wrap{display:flex;flex-grow:1}.onesight-horizontal-bar .bar-wrap.bar-wrap-little{height:100%}.onesight-horizontal-bar .bar-wrap .bar-wrap-l{display:flex;flex-direction:column;justify-content:space-evenly;margin-right:10px;max-width:40%}.onesight-horizontal-bar .bar-wrap .bar-wrap-l .bar-item{align-items:center;display:flex;flex:1 1;justify-content:flex-end;padding-bottom:3px;padding-left:12px;padding-top:3px;text-align:right}.onesight-horizontal-bar .bar-wrap .bar-wrap-l .bar-item .item-left{color:#273333;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;word-break:break-all}.onesight-horizontal-bar .bar-wrap .bar-wrap-r{display:flex;flex:auto;flex-direction:column;justify-content:space-evenly}.onesight-horizontal-bar .bar-wrap .bar-wrap-r .popover-bar-overlay .ant-popover-inner{border-radius:8px;box-shadow:none;padding:0}.onesight-horizontal-bar .bar-wrap .bar-wrap-r .popover-bar-overlay .ant-popover-arrow{display:none}.onesight-horizontal-bar .bar-wrap .bar-wrap-r .popover-bar-overlay .ant-popover-inner-content{border-radius:8px;padding:0}.onesight-horizontal-bar .bar-wrap .bar-wrap-r .onesight-chart-tooltip{border-color:#ddd;border-radius:8px;box-shadow:0 6px 20px 0 rgba(0,0,0,.13);min-width:280px;padding:0}.onesight-horizontal-bar .bar-wrap .bar-wrap-r .onesight-customize-bar-tooltip .triangle-down{background:transparent;bottom:-14px;height:15px;left:50%;position:absolute;transform:translateX(-50%)}.onesight-horizontal-bar .bar-wrap .bar-wrap-r .onesight-customize-bar-tooltip .triangle-down:after{border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #fff;content:"";filter:drop-shadow(0 1px 0 #dddddd);height:0;left:50%;position:absolute;transform:translateX(-50%);width:0}.onesight-horizontal-bar .bar-wrap .bar-wrap-r .disabled{color:#b9bfbf;cursor:no-drop}.onesight-horizontal-bar .bar-wrap .bar-wrap-r .disabled:hover{background:none;color:#b9bfbf}.onesight-horizontal-bar .bar-wrap .bar-wrap-r .popover{border:1px solid #ddd;border-radius:8px;box-shadow:0 1px 4px 0 rgba(0,0,0,.09)!important;min-width:280px;padding:0}.onesight-horizontal-bar .bar-wrap .bar-wrap-r .popover .popover-title{border-bottom:1px solid #eee;color:#364141;font-size:15px;font-weight:700;line-height:22px;padding:10px 16px}.onesight-horizontal-bar .bar-wrap .bar-wrap-r .popover .popover-content{align-items:center;border-radius:6px;display:flex;height:32px;justify-content:space-between;margin:8px;padding:0 8px}.onesight-horizontal-bar .bar-wrap .bar-wrap-r .popover .popover-content .popover-left{align-items:center;display:flex}.onesight-horizontal-bar .bar-wrap .bar-wrap-r .popover .popover-content .popover-left span{background:#1da9a0;border-radius:4px;height:14px;margin-right:10px;width:14px}.onesight-horizontal-bar .bar-wrap .bar-wrap-r .popover .popover-content .popover-left strong{color:#515e5f;font-size:14px;font-weight:400}.onesight-horizontal-bar .bar-wrap .bar-wrap-r .popover .popover-content .popover-right{color:#515e5f;font-size:14px;font-weight:500}.onesight-horizontal-bar .bar-wrap .bar-wrap-r .popover .popover-content-item-hover{cursor:pointer}.onesight-horizontal-bar .bar-wrap .bar-wrap-r .popover .popover-content-item-hover:hover{background:#f3f4f4}.onesight-horizontal-bar .bar-wrap .bar-wrap-r .popover .popover-footer{border-top:1px solid #ddd;color:#7a8283;font-size:14px;font-weight:400;line-height:20px;padding:8px 16px}.onesight-horizontal-bar .bar-wrap .bar-wrap-r .popover .popover-footer i{margin-right:8px}.onesight-horizontal-bar .bar-wrap .bar-wrap-r .bar-item-wrapper{align-items:center;display:flex;flex:1 1}.onesight-horizontal-bar .bar-wrap .bar-wrap-r .bar-item-wrapper .popover-bar-item{align-items:center;display:flex;padding-bottom:3px;padding-right:4px;padding-top:3px;transition:opacity .3s ease;width:100%}.onesight-horizontal-bar .bar-wrap .bar-wrap-r .bar-item-wrapper .popover-bar-item .item-right-bar{align-items:center;display:flex;height:100%}.onesight-horizontal-bar .bar-wrap .bar-wrap-r .bar-item-wrapper .popover-bar-item .item-right-bar.item-right-bar-min{min-width:2px}.onesight-horizontal-bar .bar-wrap .bar-wrap-r .bar-item-wrapper .popover-bar-item .item-right-bar .item-bar-c{background:#1da9a0;height:16px;width:100%}.onesight-horizontal-bar .bar-wrap .bar-wrap-r .bar-item-wrapper .popover-content-item-hover{cursor:pointer}.onesight-horizontal-bar .bar-wrap .bar-wrap-r .bar-item-wrapper .popover-bar-item.not-hovered{opacity:.2}.onesight-horizontal-bar .bar-wrap .bar-wrap-r .bar-item-wrapper .popover-bar-item.hovered{background-color:#f3f4f4}.onesight-horizontal-bar .bar-wrap .bar-wrap-r .right-number{align-items:center;color:#515e5f;display:flex;font-size:14px;font-weight:400;margin-left:4px;min-width:40px;text-align:left;white-space:nowrap}.onesight-horizontal-bar .imitate-position{align-items:center;box-sizing:border-box;display:flex;height:32px;justify-content:flex-end;padding-top:8px}.onesight-horizontal-bar .imitate-position .position-wrap{align-items:center;background:#fff;border:1px solid #ddd;border-radius:6px;box-sizing:border-box;display:flex;height:24px;justify-content:center;padding:0 4px}.onesight-horizontal-bar .imitate-position .position-wrap span{align-items:center;color:#364141;display:flex;font-size:12px;font-weight:500;height:12px;margin-bottom:-1px}.onesight-horizontal-bar .imitate-position .position-wrap .position-btn-l,.onesight-horizontal-bar .imitate-position .position-wrap .position-btn-r{border-radius:4px;color:#b9bfbf;cursor:pointer;font-size:12px;font-weight:700;height:16px;width:16px}.onesight-horizontal-bar .imitate-position .position-wrap .position-btn-l i,.onesight-horizontal-bar .imitate-position .position-wrap .position-btn-r i{line-height:1;margin-left:1px;margin-top:-3px}.onesight-horizontal-bar .imitate-position .position-wrap .position-btn-l.position_btn_h,.onesight-horizontal-bar .imitate-position .position-wrap .position-btn-r.position_btn_h{color:#515e5f}.onesight-horizontal-bar .imitate-position .position-wrap .position-btn-l.position_btn_h:hover,.onesight-horizontal-bar .imitate-position .position-wrap .position-btn-r.position_btn_h:hover{background:#f1f2f2;color:#1da9a0}.onesight-horizontal-bar .imitate-position .position-wrap .position-btn-l{margin-right:4px}.onesight-horizontal-bar .imitate-position .position-wrap .position-btn-r{margin-left:4px}.onesight-line-tooltip{border-color:#ddd;border-radius:8px;box-shadow:0 6px 20px 0 rgba(0,0,0,.13);min-width:280px;padding:0}.onesight-line-tooltip .tooltip-wrap{position:relative}.onesight-line-tooltip .tooltip-head{border-bottom:1px solid #eee;color:#364141;font-size:15px;font-weight:700;line-height:22px;overflow:hidden;padding:10px 16px;text-overflow:ellipsis;white-space:nowrap}.onesight-line-tooltip .tooltip-body{max-height:213.64px;overflow-y:auto;padding:0 0 0 8px}.onesight-line-tooltip .tooltip-body .total{color:#364141;font-weight:600;padding:14px 8px 2px}.onesight-line-tooltip .tooltip-body .item,.onesight-line-tooltip .tooltip-body .total{align-items:center;display:flex;font-size:14px;justify-content:space-between;line-height:20px}.onesight-line-tooltip .tooltip-body .item{border-radius:6px;color:#515e5f;cursor:pointer;font-weight:400;height:32px;margin-right:1px;margin-top:8px;padding:0 8px}.onesight-line-tooltip .tooltip-body .item .l{flex-basis:auto;flex-grow:1;flex-shrink:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.onesight-line-tooltip .tooltip-body .item .l-color{display:inline-block;height:4px;margin-bottom:3px;margin-left:2px;margin-right:6px;vertical-align:middle;width:16px}.onesight-line-tooltip .tooltip-body .item .r{flex-grow:0;flex-shrink:0;padding-left:6px;white-space:nowrap}.onesight-line-tooltip .tooltip-body .item .r .num{font-weight:700;vertical-align:baseline}.onesight-line-tooltip .tooltip-body .item:last-child{border-bottom:none;margin-bottom:8px}.onesight-line-tooltip .tooltip-body .item:only-child{line-height:32px}.onesight-line-tooltip .tooltip-body .item:hover{background:#f3f4f4}.onesight-line-tooltip .triangle-down{background:transparent;bottom:-12px;height:12px;left:50%;position:absolute;transform:translateX(-50%);width:280px}.onesight-line-tooltip .triangle-down:after{border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #fff;content:"";filter:drop-shadow(0 1px 0 #dddddd);height:0;left:50%;position:absolute;transform:translateX(-50%);width:0}.onesight-pie-chart-wrap .onesight-pie-legend{height:100%;margin-right:16px;padding-left:0}.onesight-pie-chart-wrap .onesight-pie-legend .legend-item{color:#364141;font-size:14px;font-weight:700;line-height:20px;margin-bottom:24px;overflow:hidden;white-space:nowrap;width:100%}.onesight-pie-chart-wrap .onesight-pie-legend .legend-item:last-child{margin-bottom:0}.onesight-pie-chart-wrap .onesight-pie-legend .legend-item .symbol{border-radius:4px;flex-shrink:0;height:14px;margin-right:8px;width:14px}.onesight-pie-chart-wrap .onesight-pie-legend .legend-item .legend-content{align-items:center;border-radius:6px;display:flex;height:24px;justify-content:space-between;padding:0 8px;width:246px}.onesight-pie-chart-wrap .onesight-pie-legend .legend-item .legend-content:hover{background:#f3f4f4;cursor:pointer}.onesight-pie-chart-wrap .onesight-pie-legend .legend-item .parent-wrap .name{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.onesight-pie-chart-wrap .onesight-pie-legend .legend-item .parent-wrap .value{flex-shrink:0}.onesight-pie-chart-wrap .onesight-pie-legend .legend-item .parent-wrap .legend-text1{color:#364141;font-size:14px;font-weight:600;margin-left:6px}.onesight-pie-chart-wrap .onesight-pie-legend .legend-item .parent-wrap .legend-text2{color:#7a8283;font-size:14px;font-weight:400}.onesight-pie-chart-wrap .onesight-pie-legend .legend-item .child-wrap{align-items:center;display:flex;margin-bottom:4px;padding:0 8px}.onesight-pie-chart-wrap .onesight-pie-legend .legend-item .child-wrap .name{color:#515e5f;font-size:12px;font-weight:500}.onesight-pie-chart-wrap .onesight-pie-legend .legend-item .child-wrap .value{align-items:center;color:#515e5f;display:flex;flex-grow:1;font-size:12px;font-weight:500;justify-content:flex-end}.onesight-pie-chart-wrap .onesight-pie-legend .legend-item .child-wrap .legend-child-text1{color:#515e5f;font-size:12px;font-weight:500}.onesight-pie-chart-wrap .onesight-pie-legend .legend-item .child-wrap .legend-child-text2{color:#7a8283;font-size:12px;font-weight:400;margin-right:6px}.onesight-pie-chart-wrap .onesight-pie-legend .legend-item .child-wrap:last-child{margin-bottom:0}.onesight-pie-chart-wrap .onesight-pie-legend .legend-item-cancel{color:#ccc}.onesight-pie-chart-wrap .onesight-pie-legend .legend-item-cancel .symbol{background-color:#ccc!important}.onesight-pie-chart-wrap .onesight-pie-legend .legend-item-cancel .legend-text1,.onesight-pie-chart-wrap .onesight-pie-legend .legend-item-cancel .legend-text2{color:#ccc!important}.onesight-pie-chart-wrap .onesight-pie-legend .legend-item-cancel .child-wrap .symbol{background-color:hsla(0,0%,80%,0)!important}.onesight-pie-chart-wrap .onesight-pie-legend .legend-item-cancel .child-wrap .legend-child-text1,.onesight-pie-chart-wrap .onesight-pie-legend .legend-item-cancel .child-wrap .legend-child-text2,.onesight-pie-chart-wrap .onesight-pie-legend .legend-item-cancel .child-wrap .name{color:#ccc!important}.onesight-pie-chart-wrap{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.onesight-pie-chart-wrap .chart-pie{margin:0 16px 0 0}.onesight-pie-chart-wrap .onesight-pie-tooltip{border-color:#ddd!important;border-radius:8px;box-shadow:0 6px 20px 0 rgba(0,0,0,.129);width:280px}.onesight-pie-chart-wrap .onesight-pie-tooltip .pie-tooltip-text1{color:#7a8283;font-size:14px;font-weight:400;margin-right:4px}.onesight-pie-chart-wrap .onesight-pie-tooltip .pie-tooltip-text2{color:#364141;font-size:14px;font-weight:600}.onesight-pie-chart-wrap .onesight-pie-tooltip>div:nth-child(2){display:none}.onesight-pie-chart-wrap .onesight-pie-tooltip .tooltip-head{border-bottom:1px solid #eee;color:#364141;font-size:15px;font-weight:700;line-height:22px;overflow:hidden;padding:10px 16px;text-overflow:ellipsis;white-space:nowrap}.onesight-pie-chart-wrap .onesight-pie-tooltip .tooltip-body{align-items:center;display:flex;height:32px;justify-content:space-between;margin:8px 0;max-height:246px;padding:0 16px}.onesight-pie-chart-wrap .onesight-pie-tooltip .tooltip-body-c-1{align-items:center;display:flex}.onesight-pie-chart-wrap .onesight-pie-tooltip .tooltip-body-c-1 span{border-radius:4px;display:inline-block;height:14px;margin-right:5px;width:14px}.onesight-pie-chart-wrap .onesight-pie-tooltip .tooltip-body-c-1 strong{color:#515e5f;font-size:14px;font-weight:400}.onesight-pie-chart-wrap .onesight-pie-tooltip .tooltip-body-c-2{display:flex;justify-content:flex-end}.onesight-pie-chart-wrap .onesight-pie-tooltip .tooltip-footer{border-top:1px solid #d9d9d9;color:#7a8283;font-size:14px;font-weight:400;padding:8px 16px}.onesight-word-cloud-tooltip{border-color:#ddd!important;border-radius:8px!important;box-shadow:0 6px 20px 0 rgba(0,0,0,.13)!important;min-width:280px;padding:0!important}.onesight-word-cloud-tooltip .word-cloud-tooltip .tooltip-head{border-bottom:1px solid #eee;color:#364141;font-size:15px;font-weight:700;line-height:22px;padding:10px 16px}.onesight-word-cloud-tooltip .word-cloud-tooltip .tooltip-body{max-height:213.64px;overflow-y:auto;padding:8px 16px}.onesight-word-cloud-tooltip .word-cloud-tooltip .tooltip-body .item{align-items:center;color:#515e5f;display:flex;font-size:14px;font-weight:400;justify-content:space-between}.onesight-word-cloud-tooltip .word-cloud-tooltip .tooltip-body .item:only-child{line-height:32px}.onesight-word-cloud-tooltip .word-cloud-tooltip .tooltip-body .item:last-child{border-bottom:none}.onesight-word-cloud-tooltip .word-cloud-tooltip .tooltip-body .item .r>span{vertical-align:baseline}.onesight-word-cloud-tooltip .word-cloud-tooltip .tooltip-body .item .r .num{font-weight:700}.onesight-word-cloud-tooltip .word-cloud-tooltip .tooltip-body .rect-icon{background-color:#1da9a0;border-radius:4px;display:inline-block;height:14px;margin-bottom:3px;margin-right:6px;vertical-align:middle;width:14px}.onesight-word-cloud-tooltip .word-cloud-tooltip .triangle-down{background:transparent;bottom:-15px;height:15px;left:50%;position:absolute;transform:translateX(-50%)}.onesight-word-cloud-tooltip .word-cloud-tooltip .triangle-down:after{border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #fff;content:"";filter:drop-shadow(0 1px 0 #dddddd);height:0;left:50%;position:absolute;transform:translateX(-50%);width:0}.radio-tabs-container,.radio-tabs-content{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.radio-tabs-content{border:1px solid #ddd;border-radius:8px;padding:2px}.radio-tabs-item{align-items:center;color:#364141;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;height:100%;justify-content:center;padding:0 8px}.radio-tabs-item:hover{color:#1da9a0}.radio-tabs-item.radio-tabs-item-active{background:#d2eeec;border-radius:6px;color:#1da9a0;font-weight:600}.radio-tabs-item.radio-tabs-item-tooltip span{text-decoration:underline dotted #ccc;text-underline-offset:4px}.radio-tabs-item.radio-tabs-item-disabled{color:rgba(39,51,51,.4);cursor:not-allowed}.radio-tabs-item span{line-height:1;white-space:nowrap}
1
+ @font-face{font-family:iconfont;src:url(static/iconfont.d8ae4c20.woff2) format("woff2"),url(static/iconfont.69fb20d3.woff) format("woff"),url(static/iconfont.3a296efd.ttf) format("truetype")}.iconfont{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:iconfont!important;font-size:16px;font-style:normal}.icon-left:before{content:"\e60b"}.icon-right:before{content:"\e60c"}.onesight-chart-pagination{display:flex;justify-content:flex-end;overflow:hidden}.onesight-chart-pagination .onesight-chart-page{align-items:center;background:#fff;border:1px solid #ddd;border-radius:6px;display:inline-flex;height:24px;padding:0 4px}.onesight-chart-pagination .icon-left,.onesight-chart-pagination .icon-right{border-radius:4px;color:#515e5f;cursor:pointer;line-height:1;margin-left:1px}.onesight-chart-pagination .icon-left:hover,.onesight-chart-pagination .icon-right:hover{background:#f1f2f2;color:#1da9a0}.onesight-chart-pagination .page-num{color:#364141;font-size:12px;font-weight:500;margin:0 3px}.onesight-chart-pagination .disabled{color:#b9bfbf;cursor:no-drop}.onesight-chart-pagination .disabled:hover{background:none;color:#b9bfbf}.onesight-chart-common-bar-tooltip{border-color:#ddd!important;border-radius:8px!important;box-shadow:0 6px 20px 0 rgba(0,0,0,.13)!important;min-width:280px;padding:0!important}.onesight-chart-common-bar-tooltip-box .tooltip-head{border-bottom:1px solid #eee;color:#364141;font-size:15px;font-weight:700;line-height:22px;overflow:hidden;padding:10px 16px;text-overflow:ellipsis;white-space:nowrap}.onesight-chart-common-bar-tooltip-box .tooltip-body{max-height:213.64px;overflow-y:auto;padding:8px}.onesight-chart-common-bar-tooltip-box .tooltip-body .item{border-radius:6px;cursor:pointer;display:flex;height:32px;margin-right:1px;margin-top:2px;padding:0 8px}.onesight-chart-common-bar-tooltip-box .tooltip-body .item .l{flex-basis:auto;flex-grow:1;flex-shrink:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.onesight-chart-common-bar-tooltip-box .tooltip-body .item .l span:nth-child(2){display:inline}.onesight-chart-common-bar-tooltip-box .tooltip-body .item .r{flex-grow:0;flex-shrink:0;white-space:nowrap}.onesight-chart-common-bar-tooltip-box .tooltip-body .item .r .rate{margin-right:0}.onesight-chart-common-bar-tooltip-box .tooltip-body .total+.item{margin-top:8px}.onesight-chart-common-bar-tooltip-box .tooltip-body .item:only-child{line-height:32px}.onesight-chart-common-bar-tooltip-box .tooltip-body .item:hover{background:#f3f4f4}.onesight-chart-common-bar-tooltip-box .triangle-down{background:transparent;bottom:-15px;height:15px;left:50%;position:absolute;transform:translateX(-50%)}.onesight-chart-common-bar-tooltip-box .triangle-down:after{border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #fff;content:"";filter:drop-shadow(0 1px 0 #dddddd);height:0;left:50%;position:absolute;transform:translateX(-50%);width:0}.onesight-horizontal-bar{display:flex;flex-direction:column;height:100%;width:100%}.onesight-horizontal-bar .bar-wrap{display:flex;flex-grow:1}.onesight-horizontal-bar .bar-wrap.bar-wrap-little{height:100%}.onesight-horizontal-bar .bar-wrap .bar-wrap-l{display:flex;flex-direction:column;justify-content:space-evenly;margin-right:10px;max-width:40%}.onesight-horizontal-bar .bar-wrap .bar-wrap-l .bar-item{align-items:center;display:flex;flex:1 1;justify-content:flex-end;padding-bottom:3px;padding-left:12px;padding-top:3px;text-align:right}.onesight-horizontal-bar .bar-wrap .bar-wrap-l .bar-item .item-left{color:#273333;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;word-break:break-all}.onesight-horizontal-bar .bar-wrap .bar-wrap-r{display:flex;flex:auto;flex-direction:column;justify-content:space-evenly}.onesight-horizontal-bar .bar-wrap .bar-wrap-r .popover-bar-overlay .ant-popover-inner{border-radius:8px;box-shadow:none;padding:0}.onesight-horizontal-bar .bar-wrap .bar-wrap-r .popover-bar-overlay .ant-popover-arrow{display:none}.onesight-horizontal-bar .bar-wrap .bar-wrap-r .popover-bar-overlay .ant-popover-inner-content{border-radius:8px;padding:0}.onesight-horizontal-bar .bar-wrap .bar-wrap-r .onesight-chart-tooltip{border-color:#ddd;border-radius:8px;box-shadow:0 6px 20px 0 rgba(0,0,0,.13);min-width:280px;padding:0}.onesight-horizontal-bar .bar-wrap .bar-wrap-r .onesight-customize-bar-tooltip .triangle-down{background:transparent;bottom:-14px;height:15px;left:50%;position:absolute;transform:translateX(-50%)}.onesight-horizontal-bar .bar-wrap .bar-wrap-r .onesight-customize-bar-tooltip .triangle-down:after{border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #fff;content:"";filter:drop-shadow(0 1px 0 #dddddd);height:0;left:50%;position:absolute;transform:translateX(-50%);width:0}.onesight-horizontal-bar .bar-wrap .bar-wrap-r .disabled{color:#b9bfbf;cursor:no-drop}.onesight-horizontal-bar .bar-wrap .bar-wrap-r .disabled:hover{background:none;color:#b9bfbf}.onesight-horizontal-bar .bar-wrap .bar-wrap-r .popover{border:1px solid #ddd;border-radius:8px;box-shadow:0 1px 4px 0 rgba(0,0,0,.09)!important;min-width:280px;padding:0}.onesight-horizontal-bar .bar-wrap .bar-wrap-r .popover .popover-title{border-bottom:1px solid #eee;color:#364141;font-size:15px;font-weight:700;line-height:22px;padding:10px 16px}.onesight-horizontal-bar .bar-wrap .bar-wrap-r .popover .popover-content{align-items:center;border-radius:6px;display:flex;height:32px;justify-content:space-between;margin:8px;padding:0 8px}.onesight-horizontal-bar .bar-wrap .bar-wrap-r .popover .popover-content .popover-left{align-items:center;display:flex}.onesight-horizontal-bar .bar-wrap .bar-wrap-r .popover .popover-content .popover-left span{background:#1da9a0;border-radius:4px;height:14px;margin-right:10px;width:14px}.onesight-horizontal-bar .bar-wrap .bar-wrap-r .popover .popover-content .popover-left strong{color:#515e5f;font-size:14px;font-weight:400}.onesight-horizontal-bar .bar-wrap .bar-wrap-r .popover .popover-content .popover-right{color:#515e5f;font-size:14px;font-weight:500}.onesight-horizontal-bar .bar-wrap .bar-wrap-r .popover .popover-content-item-hover{cursor:pointer}.onesight-horizontal-bar .bar-wrap .bar-wrap-r .popover .popover-content-item-hover:hover{background:#f3f4f4}.onesight-horizontal-bar .bar-wrap .bar-wrap-r .popover .popover-footer{border-top:1px solid #ddd;color:#7a8283;font-size:14px;font-weight:400;line-height:20px;padding:8px 16px}.onesight-horizontal-bar .bar-wrap .bar-wrap-r .popover .popover-footer i{margin-right:8px}.onesight-horizontal-bar .bar-wrap .bar-wrap-r .bar-item-wrapper{align-items:center;display:flex;flex:1 1}.onesight-horizontal-bar .bar-wrap .bar-wrap-r .bar-item-wrapper .popover-bar-item{align-items:center;display:flex;padding-bottom:3px;padding-right:4px;padding-top:3px;transition:opacity .3s ease;width:100%}.onesight-horizontal-bar .bar-wrap .bar-wrap-r .bar-item-wrapper .popover-bar-item .item-right-bar{align-items:center;display:flex;height:100%}.onesight-horizontal-bar .bar-wrap .bar-wrap-r .bar-item-wrapper .popover-bar-item .item-right-bar.item-right-bar-min{min-width:2px}.onesight-horizontal-bar .bar-wrap .bar-wrap-r .bar-item-wrapper .popover-bar-item .item-right-bar .item-bar-c{background:#1da9a0;height:16px;width:100%}.onesight-horizontal-bar .bar-wrap .bar-wrap-r .bar-item-wrapper .popover-content-item-hover{cursor:pointer}.onesight-horizontal-bar .bar-wrap .bar-wrap-r .bar-item-wrapper .popover-bar-item.not-hovered{opacity:.2}.onesight-horizontal-bar .bar-wrap .bar-wrap-r .bar-item-wrapper .popover-bar-item.hovered{background-color:#f3f4f4}.onesight-horizontal-bar .bar-wrap .bar-wrap-r .right-number{align-items:center;color:#515e5f;display:flex;font-size:14px;font-weight:400;margin-left:4px;min-width:40px;text-align:left;white-space:nowrap}.onesight-horizontal-bar .imitate-position{align-items:center;box-sizing:border-box;display:flex;height:32px;justify-content:flex-end;padding-top:8px}.onesight-horizontal-bar .imitate-position .position-wrap{align-items:center;background:#fff;border:1px solid #ddd;border-radius:6px;box-sizing:border-box;display:flex;height:24px;justify-content:center;padding:0 4px}.onesight-horizontal-bar .imitate-position .position-wrap span{align-items:center;color:#364141;display:flex;font-size:12px;font-weight:500;height:12px;margin-bottom:-1px}.onesight-horizontal-bar .imitate-position .position-wrap .position-btn-l,.onesight-horizontal-bar .imitate-position .position-wrap .position-btn-r{border-radius:4px;color:#b9bfbf;cursor:pointer;font-size:12px;font-weight:700;height:16px;width:16px}.onesight-horizontal-bar .imitate-position .position-wrap .position-btn-l i,.onesight-horizontal-bar .imitate-position .position-wrap .position-btn-r i{line-height:1;margin-left:1px;margin-top:-3px}.onesight-horizontal-bar .imitate-position .position-wrap .position-btn-l.position_btn_h,.onesight-horizontal-bar .imitate-position .position-wrap .position-btn-r.position_btn_h{color:#515e5f}.onesight-horizontal-bar .imitate-position .position-wrap .position-btn-l.position_btn_h:hover,.onesight-horizontal-bar .imitate-position .position-wrap .position-btn-r.position_btn_h:hover{background:#f1f2f2;color:#1da9a0}.onesight-horizontal-bar .imitate-position .position-wrap .position-btn-l{margin-right:4px}.onesight-horizontal-bar .imitate-position .position-wrap .position-btn-r{margin-left:4px}.onesight-line-tooltip{border-color:#ddd;border-radius:8px;box-shadow:0 6px 20px 0 rgba(0,0,0,.13);min-width:280px;padding:0}.onesight-line-tooltip .tooltip-wrap{position:relative}.onesight-line-tooltip .tooltip-head{border-bottom:1px solid #eee;color:#364141;font-size:15px;font-weight:700;line-height:22px;overflow:hidden;padding:10px 16px;text-overflow:ellipsis;white-space:nowrap}.onesight-line-tooltip .tooltip-body{max-height:213.64px;overflow-y:auto;padding:0 0 0 8px}.onesight-line-tooltip .tooltip-body::-webkit-scrollbar{height:6px;width:4px}.onesight-line-tooltip .tooltip-body::-webkit-scrollbar-thumb{background:#727272;border-radius:4px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.3)}.onesight-line-tooltip .tooltip-body .total{color:#364141;font-weight:600;padding:14px 8px 2px}.onesight-line-tooltip .tooltip-body .item,.onesight-line-tooltip .tooltip-body .total{align-items:center;display:flex;font-size:14px;justify-content:space-between;line-height:20px}.onesight-line-tooltip .tooltip-body .item{border-radius:6px;color:#515e5f;cursor:pointer;font-weight:400;height:32px;margin-right:1px;margin-top:8px;padding:0 8px}.onesight-line-tooltip .tooltip-body .item .l{flex-basis:auto;flex-grow:1;flex-shrink:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.onesight-line-tooltip .tooltip-body .item .l-color{display:inline-block;height:4px;margin-bottom:3px;margin-left:2px;margin-right:6px;vertical-align:middle;width:16px}.onesight-line-tooltip .tooltip-body .item .r{flex-grow:0;flex-shrink:0;padding-left:6px;white-space:nowrap}.onesight-line-tooltip .tooltip-body .item .r .num{font-weight:700;vertical-align:baseline}.onesight-line-tooltip .tooltip-body .item:last-child{border-bottom:none;margin-bottom:8px}.onesight-line-tooltip .tooltip-body .item:only-child{line-height:32px}.onesight-line-tooltip .tooltip-body .item:hover{background:#f3f4f4}.onesight-line-tooltip .triangle-down{background:transparent;bottom:-12px;height:12px;left:50%;position:absolute;transform:translateX(-50%);width:280px}.onesight-line-tooltip .triangle-down:after{border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #fff;content:"";filter:drop-shadow(0 1px 0 #dddddd);height:0;left:50%;position:absolute;transform:translateX(-50%);width:0}.onesight-pie-chart-wrap .onesight-pie-legend{margin-right:16px;padding-left:0}.onesight-pie-chart-wrap .onesight-pie-legend .legend-item{color:#364141;font-size:14px;font-weight:700;line-height:20px;margin-bottom:24px;overflow:hidden;white-space:nowrap;width:100%}.onesight-pie-chart-wrap .onesight-pie-legend .legend-item:last-child{margin-bottom:0}.onesight-pie-chart-wrap .onesight-pie-legend .legend-item .symbol{border-radius:4px;flex-shrink:0;height:14px;margin-right:8px;width:14px}.onesight-pie-chart-wrap .onesight-pie-legend .legend-item .legend-content{align-items:center;border-radius:6px;display:flex;height:24px;justify-content:space-between;padding:0 8px;width:246px}.onesight-pie-chart-wrap .onesight-pie-legend .legend-item .legend-content:hover{background:#f3f4f4;cursor:pointer}.onesight-pie-chart-wrap .onesight-pie-legend .legend-item .parent-wrap .name{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.onesight-pie-chart-wrap .onesight-pie-legend .legend-item .parent-wrap .value{flex-shrink:0}.onesight-pie-chart-wrap .onesight-pie-legend .legend-item .parent-wrap .legend-text1{color:#364141;font-size:14px;font-weight:600;margin-left:6px}.onesight-pie-chart-wrap .onesight-pie-legend .legend-item .parent-wrap .legend-text2{color:#7a8283;font-size:14px;font-weight:400}.onesight-pie-chart-wrap .onesight-pie-legend .legend-item .child-wrap{align-items:center;display:flex;margin-bottom:4px;padding:0 8px}.onesight-pie-chart-wrap .onesight-pie-legend .legend-item .child-wrap .name{color:#515e5f;font-size:12px;font-weight:500}.onesight-pie-chart-wrap .onesight-pie-legend .legend-item .child-wrap .value{align-items:center;color:#515e5f;display:flex;flex-grow:1;font-size:12px;font-weight:500;justify-content:flex-end}.onesight-pie-chart-wrap .onesight-pie-legend .legend-item .child-wrap .legend-child-text1{color:#515e5f;font-size:12px;font-weight:500}.onesight-pie-chart-wrap .onesight-pie-legend .legend-item .child-wrap .legend-child-text2{color:#7a8283;font-size:12px;font-weight:400;margin-right:6px}.onesight-pie-chart-wrap .onesight-pie-legend .legend-item .child-wrap:last-child{margin-bottom:0}.onesight-pie-chart-wrap .onesight-pie-legend .legend-item-cancel{color:#ccc}.onesight-pie-chart-wrap .onesight-pie-legend .legend-item-cancel .symbol{background-color:#ccc!important}.onesight-pie-chart-wrap .onesight-pie-legend .legend-item-cancel .legend-text1,.onesight-pie-chart-wrap .onesight-pie-legend .legend-item-cancel .legend-text2{color:#ccc!important}.onesight-pie-chart-wrap .onesight-pie-legend .legend-item-cancel .child-wrap .symbol{background-color:hsla(0,0%,80%,0)!important}.onesight-pie-chart-wrap .onesight-pie-legend .legend-item-cancel .child-wrap .legend-child-text1,.onesight-pie-chart-wrap .onesight-pie-legend .legend-item-cancel .child-wrap .legend-child-text2,.onesight-pie-chart-wrap .onesight-pie-legend .legend-item-cancel .child-wrap .name{color:#ccc!important}.onesight-pie-chart-wrap{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.onesight-pie-chart-wrap .chart-pie{margin:0 16px 0 0}.onesight-pie-chart-wrap .onesight-pie-tooltip{border-color:#ddd!important;border-radius:8px;box-shadow:0 6px 20px 0 rgba(0,0,0,.129);width:280px}.onesight-pie-chart-wrap .onesight-pie-tooltip .pie-tooltip-text1{color:#7a8283;font-size:14px;font-weight:400;margin-right:4px}.onesight-pie-chart-wrap .onesight-pie-tooltip .pie-tooltip-text2{color:#364141;font-size:14px;font-weight:600}.onesight-pie-chart-wrap .onesight-pie-tooltip>div:nth-child(2){display:none}.onesight-pie-chart-wrap .onesight-pie-tooltip .tooltip-head{border-bottom:1px solid #eee;color:#364141;font-size:15px;font-weight:700;line-height:22px;overflow:hidden;padding:10px 16px;text-overflow:ellipsis;white-space:nowrap}.onesight-pie-chart-wrap .onesight-pie-tooltip .tooltip-body{align-items:center;display:flex;height:32px;justify-content:space-between;margin:8px 0;max-height:246px;padding:0 16px}.onesight-pie-chart-wrap .onesight-pie-tooltip .tooltip-body-c-1{align-items:center;display:flex}.onesight-pie-chart-wrap .onesight-pie-tooltip .tooltip-body-c-1 span{border-radius:4px;display:inline-block;height:14px;margin-right:5px;width:14px}.onesight-pie-chart-wrap .onesight-pie-tooltip .tooltip-body-c-1 strong{color:#515e5f;font-size:14px;font-weight:400}.onesight-pie-chart-wrap .onesight-pie-tooltip .tooltip-body-c-2{display:flex;justify-content:flex-end}.onesight-pie-chart-wrap .onesight-pie-tooltip .tooltip-footer{border-top:1px solid #d9d9d9;color:#7a8283;font-size:14px;font-weight:400;padding:8px 16px}.radio-tabs-container,.radio-tabs-content{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.radio-tabs-content{border:1px solid #ddd;border-radius:8px;padding:2px}.radio-tabs-item{align-items:center;color:#364141;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;height:100%;justify-content:center;padding:0 8px}.radio-tabs-item:hover{color:#1da9a0}.radio-tabs-item.radio-tabs-item-active{background:#d2eeec;border-radius:6px;color:#1da9a0;font-weight:600}.radio-tabs-item.radio-tabs-item-tooltip span{text-decoration:underline dotted #ccc;text-underline-offset:4px}.radio-tabs-item.radio-tabs-item-disabled{color:rgba(39,51,51,.4);cursor:not-allowed}.radio-tabs-item span{line-height:1;white-space:nowrap}.onesight-word-cloud-tooltip{border-color:#ddd!important;border-radius:8px!important;box-shadow:0 6px 20px 0 rgba(0,0,0,.13)!important;min-width:280px;padding:0!important}.onesight-word-cloud-tooltip .word-cloud-tooltip .tooltip-head{border-bottom:1px solid #eee;color:#364141;font-size:15px;font-weight:700;line-height:22px;padding:10px 16px}.onesight-word-cloud-tooltip .word-cloud-tooltip .tooltip-body{max-height:213.64px;overflow-y:auto;padding:8px 16px}.onesight-word-cloud-tooltip .word-cloud-tooltip .tooltip-body .item{align-items:center;color:#515e5f;display:flex;font-size:14px;font-weight:400;justify-content:space-between}.onesight-word-cloud-tooltip .word-cloud-tooltip .tooltip-body .item:only-child{line-height:32px}.onesight-word-cloud-tooltip .word-cloud-tooltip .tooltip-body .item:last-child{border-bottom:none}.onesight-word-cloud-tooltip .word-cloud-tooltip .tooltip-body .item .r>span{vertical-align:baseline}.onesight-word-cloud-tooltip .word-cloud-tooltip .tooltip-body .item .r .num{font-weight:700}.onesight-word-cloud-tooltip .word-cloud-tooltip .tooltip-body .rect-icon{background-color:#1da9a0;border-radius:4px;display:inline-block;height:14px;margin-bottom:3px;margin-right:6px;vertical-align:middle;width:14px}.onesight-word-cloud-tooltip .word-cloud-tooltip .triangle-down{background:transparent;bottom:-15px;height:15px;left:50%;position:absolute;transform:translateX(-50%)}.onesight-word-cloud-tooltip .word-cloud-tooltip .triangle-down:after{border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #fff;content:"";filter:drop-shadow(0 1px 0 #dddddd);height:0;left:50%;position:absolute;transform:translateX(-50%);width:0}