| | |
| | | title: '', // 组件标题 |
| | | sync: false, // 是否统一请求数据 |
| | | plot: null, // 图表设置 |
| | | data: null, // 数据 |
| | | data: {}, // 数据 |
| | | } |
| | | |
| | | UNSAFE_componentWillMount () { |
| | |
| | | if (config.subtype === 'ratioboard') { |
| | | data = result.data || [] |
| | | } else { |
| | | let data = {} |
| | | data = {} |
| | | if (result.data && result.data[0] && result.data[0].hasOwnProperty(config.plot.valueField)) { |
| | | data.value = result.data[0][config.plot.valueField] |
| | | } |
| | |
| | | |
| | | ratioboardrender = () => { |
| | | const { plot, chartId } = this.state |
| | | |
| | | const data = this.getratiodata() |
| | | |
| | | const chart = new Chart({ |
| | |
| | | const { plot, chartId, data } = this.state |
| | | |
| | | let _data = fromJS(data).toJS() |
| | | if (_data.value && _data.value > plot.maxValue) { |
| | | _data.value = plot.maxValue |
| | | |
| | | if (_data.hasOwnProperty('value')) { |
| | | if (_data.value === '' || _data.value === null) { |
| | | delete _data.value |
| | | } else { |
| | | _data.value = +_data.value |
| | | |
| | | if (isNaN(_data.value)) { |
| | | delete _data.value |
| | | } else if (_data.value > plot.maxValue) { |
| | | _data.value = plot.maxValue |
| | | } |
| | | } |
| | | } |
| | | |
| | | const chart = new Chart({ |
| | |
| | | height: plot.height, |
| | | padding: [0, 0, 0, 0], |
| | | }) |
| | | chart.data([_data]); |
| | | chart.data([_data]) |
| | | chart.scale('value', { |
| | | min: 0, |
| | | max: plot.maxValue, |
| | |
| | | radius: 0.75, |
| | | }) |
| | | |
| | | chart.axis('1', false); |
| | | chart.axis('1', false) |
| | | chart.axis('value', { |
| | | line: null, |
| | | label: { |