{"__symbolic":"module","version":4,"metadata":{"BoardComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":22,"character":1},"arguments":[{"selector":"demo-board","template":"
\n \n
\n
\n
\n
\n 数据源\n \n 更改数据源\n \n
\n
\n
\n
\n

字段

\n \n \n \n
\n

\n \n {{ dataSourceItem.title }}\n

\n \n \n {{ item.title }}\n
\n
\n
\n \n
\n \n
维度
\n \n \n
\n \n {{ item.title }}\n
\n \n
\n \n\n \n
指标
\n \n
\n \n {{ item.title }}\n
\n \n \n \n\n \n
过滤条件
\n \n
\n \n {{ item.title }}\n
\n \n \n \n
\n \n \n

\n 请选择维度和指标\n

\n

请选择右侧图标类型

\n \n \n
\n \n
\n
\n \n
\n \n
\n\n\n\n
    \n
  • 1st menu item
    • \n
  • 2nd menu item
    • \n
  • 3rd menu item
    • \n
\n\n","styles":[":host .header{height:60px;display:flex;justify-content:flex-end;align-items:flex-end}:host .wrap{background:#f4f6f9;display:flex;height:calc(100% - 60px)}:host .wrap .sider{padding:10px 0 0 15px;width:250px;border-right:1px solid #e9e9e9}:host .wrap .sider .btn-text{color:#0db3a6}:host .wrap .sider .data-list{cursor:pointer;font-size:12px;padding:10px 0;display:flex;flex-direction:row;align-items:center;box-sizing:border-box}:host .wrap .sider ul li{list-style:none;cursor:pointer;height:26px;line-height:26px}:host .wrap .sider .sider-title{display:flex;justify-content:space-between;align-items:baseline}:host .wrap .main{padding:10px 15px;flex-grow:1}:host .wrap .main ul li{list-style:none}:host .wrap .main .main-list{line-height:34px;background:#fff;position:relative;margin-bottom:10px;border:1px dashed #d9d9d9;border-radius:3px;display:flex;flex-direction:row;align-items:center}:host .wrap .main .main-list .title{display:inline-block;width:80px}:host .wrap .main .main-list .drag-list{cursor:pointer;border-radius:100px;color:#fff;background:#0db3a6;height:24px;line-height:24px;padding:0 10px 0 6px;margin:0 3px}:host .wrap .main .main-list .drag-list span{padding:0 4px}:host .wrap .main .main-list .drag-list .on{opacity:1}:host .wrap .main .main-list .drag-list .off{opacity:0}:host .wrap .main .main-list .target-list{background:#00bfff}:host .wrap .main .main-list .condition-list{background:#7fffd4}:host .wrap .main .echarts-wrap p{text-align:center}:host .wrap .main .main-list-hover{background-color:rgba(212,242,231,.4);border:1px dashed #0ff}:host .wrap .right{width:300px;padding-right:15px}.cdk-drag-preview{display:inline-block;box-sizing:border-box;background-color:#fff;width:80px;overflow:hidden;border-radius:4px;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}:host ::ng-deep hr{border:none;border-bottom:1px solid #eee}:host ::ng-deep .ant-select{width:100%}:host ::ng-deep .ant-dropdown-trigger{display:inline-block}"]}]}],"members":{"colorList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"echartsList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"dataSourceItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"term":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"chartCondition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"chartOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"changeDataSource":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":35,"character":3}}]}],"changeEchartsParams":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":36,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"ng-zorro-antd/message","name":"NzMessageService","line":41,"character":21},{"__symbolic":"reference","module":"ng-zorro-antd/modal","name":"NzModalService","line":42,"character":26}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"editChartOptions":[{"__symbolic":"method"}],"getEchartShape":[{"__symbolic":"method"}],"getEchartOptions":[{"__symbolic":"method"}],"drop":[{"__symbolic":"method"}],"dragStarted":[{"__symbolic":"method"}],"dragEnded":[{"__symbolic":"method"}],"hover":[{"__symbolic":"method"}],"changeData":[{"__symbolic":"method"}],"closeLabel":[{"__symbolic":"method"}],"saveFinalObj":[{"__symbolic":"method"}],"echartClickHandler":[{"__symbolic":"method"}]}},"BoardModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":32,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"BoardComponent"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵe"}],"imports":[{"__symbolic":"reference","module":"ng-zorro-antd/input-number","name":"NzInputNumberModule","line":35,"character":4},{"__symbolic":"reference","module":"ng-zorro-antd/grid","name":"NzGridModule","line":36,"character":4},{"__symbolic":"reference","module":"ng-zorro-antd/input","name":"NzInputModule","line":37,"character":4},{"__symbolic":"reference","module":"ng-zorro-antd/empty","name":"NzEmptyModule","line":38,"character":4},{"__symbolic":"reference","module":"ng-zorro-antd/modal","name":"NzModalModule","line":39,"character":4},{"__symbolic":"reference","module":"ng-zorro-antd/message","name":"NzMessageModule","line":40,"character":4},{"__symbolic":"reference","module":"ng-zorro-antd/button","name":"NzButtonModule","line":41,"character":4},{"__symbolic":"reference","module":"ng-zorro-antd/select","name":"NzSelectModule","line":42,"character":4},{"__symbolic":"reference","module":"ng-zorro-antd/checkbox","name":"NzCheckboxModule","line":43,"character":4},{"__symbolic":"reference","module":"ng-zorro-antd/radio","name":"NzRadioModule","line":44,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":45,"character":4},{"__symbolic":"reference","module":"ng-zorro-antd/tabs","name":"NzTabsModule","line":46,"character":4},{"__symbolic":"reference","module":"ng-zorro-antd/dropdown","name":"NzDropDownModule","line":47,"character":4},{"__symbolic":"reference","module":"@angular/cdk/drag-drop","name":"DragDropModule","line":48,"character":4},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":49,"character":4}],"exports":[{"__symbolic":"reference","name":"BoardComponent"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵe"}],"entryComponents":[{"__symbolic":"reference","name":"BoardComponent"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵe"}],"providers":[{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵb"}]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"echart-options-dom","template":"

图标类型

\n
\n \n
\n {{ item.title }}\n
\n \n
\n\n
{{ currentChildChartsType.title }}类型
\n
\n \n
\n {{ item.title }}\n
\n \n
\n\n\n \n \n \n \n\n
\n
\n \n \n

线条样式

\n
\n \n \n \n \n
\n \n
\n \n \n

坐标x轴

\n 标签文字显示方向\n \n \n \n \n \n \n\n
\n 强制显示所有标签\n
\n\n
\n \n

标题

\n \n \n \n\n
\n 标题坐标X：\n \n
\n
\n 标题坐标Y：\n \n
\n
\n 标题大小：\n \n
\n \n\n
\n \n

坐标y轴

\n\n \n \n
\n \n\n \n

数据标签

\n 显示数据标签\n
\n \n \n

半径设置

\n
\n 内径：\n \n
\n
\n 外径：\n \n
\n
\n \n \n

图例

\n 图例显示\n
\n 图例显示在图表\n \n \n \n \n
\n
\n \n\n

数据预警

\n
添加预警
\n
\n
\n
\n

整体样式

\n
背景
\n
标题样式
\n\n
\n

图表配色

\n\n
\n 配色方案 {{ chartCondition.input.currentColorType\n }}\n
\n\n \n \n
\n \n \n \n -\n \n \n \n 配色方案{{ i + 1 }}\n
\n \n \n
\n\n","styles":[":host{padding:10px 20px;border-left:1px solid #e9e9e9}:host .chart-wrap{display:flex;flex-wrap:wrap}:host .chart-wrap .chart-type{width:44px;height:44px;line-height:44px;text-align:center;cursor:pointer;border:2px solid #0db3a6;vertical-align:middle;margin:0 10px 10px 0}:host .select-color{border:1px solid #d9d9d9;border-radius:4px;height:32px;padding:4px 11px;background-color:#fff;display:flex;justify-content:space-between;align-items:center}:host .ant-input,:host .ant-input-number{margin-bottom:5px}:host span.label{width:80px;display:inline-block}"]}]}],"members":{"colorList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"echartsList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"chartCondition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"echartOptionsChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":28,"character":3}}]}],"echartShapeChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":30,"character":3}}]}],"chartConditionChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":32,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","module":"ng-zorro-antd/modal","name":"NzModalService","line":88,"character":26},{"__symbolic":"reference","module":"ng-zorro-antd/message","name":"NzMessageService","line":89,"character":21}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"choiceChart":[{"__symbolic":"method"}],"choiceSubChart":[{"__symbolic":"method"}],"changeOptions":[{"__symbolic":"method"}],"choiceType":[{"__symbolic":"method"}],"getChartOption":[{"__symbolic":"method"}],"lineSmoothChange":[{"__symbolic":"method"}],"xAxisrRotateChange":[{"__symbolic":"method"}],"intervalChange":[{"__symbolic":"method"}],"titleChange":[{"__symbolic":"method"}],"yAxisMaxBlur":[{"__symbolic":"method"}],"yAxisMinBlur":[{"__symbolic":"method"}],"isLegendShow":[{"__symbolic":"method"}],"legendChange":[{"__symbolic":"method"}],"radiusChange":[{"__symbolic":"method"}],"changeColor":[{"__symbolic":"method"}],"totalColor":[{"__symbolic":"method"}],"changeCurrentColor":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"chartCondition":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"radarOptions":[{"__symbolic":"method"}],"areaOptions":[{"__symbolic":"method"}],"lineOptions":[{"__symbolic":"method"}],"barOptions":[{"__symbolic":"method"}],"barYOptions":[{"__symbolic":"method"}],"doughnutOptions":[{"__symbolic":"method"}],"pieOptions":[{"__symbolic":"method"}]}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"demo-modal-color","template":"
\n
配色对象
\n
\n \n \n \n \n
\n
\n
\n \n
\n
配色方式
\n
\n \n \n
\n \n \n \n -\n \n \n \n 配色方案{{ i + 1 }}\n
\n \n \n \n
\n
\n
\n
\n

支持设置颜色的值

\n
    \n \n \n
    \n \n {{ element.title }}\n
    \n \n     \n
\n
\n
\n

预设颜色

\n \n \n
\n

最近使用

\n \n \n \n \n
\n

自定义颜色

\n \n \n \n \n
\n \n \n\n\n
\n
配色方式
\n
\n \n \n \n \n \n
\n
\n","styles":[":host p{margin:0}:host .color-list{display:inline-block}:host .color-list span{width:32px;height:32px;border-radius:32px;display:inline-block;margin:0 .5rem 1rem 0}:host ul{margin:0;padding:0}:host ul li{list-style:none;line-height:32px;cursor:pointer}:host ul li .row-list{display:flex;align-items:center;white-space:nowrap}:host ul li .row-list .color{width:1rem;height:1rem;border-radius:1rem;display:inline-block;background-color:#ccc;margin-right:.2rem}:host ul li .row-list .text{display:inline-block;width:calc(100% - 1.2rem);overflow:hidden;text-overflow:ellipsis}:host ul li:hover{background-color:#e6f7ff}:host ul li:active{background-color:#00a0e9}:host ul .on{background-color:#00a0e9}:host .ant-row{margin-bottom:1rem}:host ::ng-deep .ant-col-6{border-right:1px solid #eee}:host ::ng-deep .ant-select{width:100%}:host ::ng-deep .option-color{display:inline-block;width:3px;height:32px}:host ::ng-deep .della{background-color:red}:host ::ng-deep .della span{display:inline-block;width:3px;height:32px}"]}]}],"members":{"echartsList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"colorList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"currentColorType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"selectColor":[{"__symbolic":"method"}],"choiceColor":[{"__symbolic":"method"}],"changeColor":[{"__symbolic":"method"}]}},"ɵe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"echart-dom","template":"
\n","styles":[""]}]}],"members":{"option":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"echartClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":21,"character":3}}]}],"chartsContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":22,"character":3},"arguments":["chartsContent",{"static":false}]}]}],"onResize":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":23,"character":3},"arguments":["window:resize",["$event"]]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"chartsInit":[{"__symbolic":"method"}]}}},"origins":{"BoardComponent":"./board.component","BoardModule":"./board.module","ɵa":"./components/echart-options-dom/echart-options-dom.component","ɵb":"./service/chart-condition.service","ɵc":"./service/charts.service","ɵd":"./components/modal-color/modal-color.component","ɵe":"./components/echart-dom/echart-dom.component"},"importAs":"@kre-form/abc/src/lib/board"}