| | |
| | | children: [ |
| | | { value: 'rect', label: 'rect(矩形)' }, |
| | | { value: 'hollow-rect', label: 'hollow-rect(空心矩形)' }, |
| | | { value: 'line', label: 'line(线条)' }, |
| | | { value: 'tick', label: 'tick(波动)' }, |
| | | // { value: 'funnel', label: 'funnel' }, |
| | | { value: 'pyramid', label: 'pyramid(角锥)' } |
| | | // { value: 'line', label: 'line(线条)' }, |
| | | // { value: 'tick', label: 'tick(波动)' }, |
| | | // { value: 'funnel', label: 'funnel(漏斗图)' }, |
| | | { value: 'pyramid', label: 'pyramid(金字塔)' } |
| | | ], |
| | | } |
| | | ] |
| | |
| | | resetPlot = (_plot) => { |
| | | const { config } = this.props |
| | | |
| | | if (_plot.axis) { |
| | | _plot.grid = _plot.axis.includes('grid') ? 'show' : 'hidden' |
| | | _plot.x_line = _plot.axis.includes('x_line') ? 'show' : 'hidden' |
| | | _plot.y_line = _plot.axis.includes('y_line') ? 'show' : 'hidden' |
| | | _plot.tick = _plot.axis.includes('tick') ? 'show' : 'hidden' |
| | | |
| | | delete _plot.axis |
| | | } |
| | | |
| | | if (_plot.tickVals) { |
| | | _plot.x_label = _plot.tickVals.includes('x_label') ? 'show' : 'hidden' |
| | | _plot.y_label = _plot.tickVals.includes('y_label') ? 'show' : 'hidden' |
| | | |
| | | delete _plot.tickVals |
| | | } |
| | | |
| | | if (_plot.datatype === 'statistics') { |
| | | _plot.enabled = 'false' |
| | | _plot.customs = [] |
| | |
| | | <Modal |
| | | wrapClassName="mk-pop-modal" |
| | | visible={visible} |
| | | width={1100} |
| | | width={1200} |
| | | maskClosable={false} |
| | | onOk={this.onSubmit} |
| | | onCancel={() => { this.setState({ visible: false }) }} |
| | | destroyOnClose |
| | | > |
| | | {config.name ? <div className="mk-com-name">{config.name} - 编辑</div> : null} |
| | | <Tabs activeKey={view} className="menu-chart-edit-box" onChange={this.changeTab}> |
| | | <Tabs activeKey={view} className="menu-chart-line-edit-box" onChange={this.changeTab}> |
| | | <TabPane tab="组件设置" key="base"> |
| | | <ModalForm formlist={baseFormlist} inputSubmit={this.onSubmit} wrappedComponentRef={(inst) => this.baseRef = inst}/> |
| | | </TabPane> |
| | |
| | | {datatype === 'statistics' ? <EditTable actions={['edit', 'move', 'del']} data={plot.colors || []} columns={plot.ramp ==='true' ? rampStatColorColumns : statColorColumns} onChange={this.changeColor}/> : null} |
| | | {datatype !== 'statistics' ? <EditTable actions={['edit']} data={plot.colors || []} columns={plot.ramp ==='true' ? rampColorColumns : colorColumns} onChange={this.changeColor}/> : null} |
| | | {plot.chartType === 'bar' && plot.datatype === 'query' ? <div className="mk-bar-colors"> |
| | | <p>柱形颜色:可根据柱图序号设置颜色(请设置柱形宽度)。注:使用自定义图形设置或多根柱图时无效。</p> |
| | | <p>柱形颜色:可根据柱图序号设置颜色。注:使用自定义图形设置或多根柱图时无效。</p> |
| | | <div className="bar-color-add"><PlusOutlined onClick={this.addbarColor}/></div> |
| | | <EditTable actions={['edit', 'move', 'del']} data={plot.barcolors || []} columns={barColorColumns} onChange={this.changebarColor}/> |
| | | </div> : null} |