center/dataease-dm
center/dataease-dm
13
0
Fork 0
forked from github/dataease
Code Pull Requests Activity

feat(frontend):代码修改

Browse Source
This commit is contained in:
junjie 2021-06-10 16:47:30 +08:00
parent 89c3e6fe04
commit 7cc2e1a160
1 changed files with 43 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

52
frontend/src/views/chart/chart/pie/pie.js
View File

@ -38,33 +38,67 @@ export function basePieOption(chart_option, chart) {
}
// color
y.itemStyle = {
color: hexColorToRGBA(customAttr.color.colors[i % 9], customAttr.color.alpha)
color: hexColorToRGBA(customAttr.color.colors[i % 9], customAttr.color.alpha),
borderRadius: 0
}
y.type = 'pie'
chart_option.series[0].data.push(y)
}
}
}
chart_option.series[0].itemStyle = {
borderRadius: 0
}
// console.log(chart_option);
componentStyle(chart_option, chart)
return chart_option
}
export function rosePieOption(chart_option, chart) {
basePieOption(chart_option, chart)
// 处理shape attr
let customAttr = {}
if (chart.customAttr) {
customAttr = JSON.parse(chart.customAttr)
if (customAttr.size) {
chart_option.series[0].roseType = customAttr.size.pieRoseType
chart_option.series[0].itemStyle = {
borderRadius: customAttr.size.pieRoseRadius
if (customAttr.color) {
chart_option.color = customAttr.color.colors
}
// tooltip
if (customAttr.tooltip) {
const tooltip = JSON.parse(JSON.stringify(customAttr.tooltip))
const reg = new RegExp('\n', 'g')
tooltip.formatter = tooltip.formatter.replace(reg, '<br/>')
chart_option.tooltip = tooltip
}
}
// 处理data
if (chart.data) {
chart_option.title.text = chart.title
if (chart.data.series.length > 0) {
chart_option.series[0].name = chart.data.series[0].name
// size
if (customAttr.size) {
chart_option.series[0].radius = [customAttr.size.pieInnerRadius + '%', customAttr.size.pieOuterRadius + '%']
chart_option.series[0].roseType = customAttr.size.pieRoseType
}
// label
if (customAttr.label) {
chart_option.series[0].label = customAttr.label
}
const valueArr = chart.data.series[0].data
for (let i = 0; i < valueArr.length; i++) {
const y = {
name: chart.data.x[i],
value: valueArr[i]
}
// color
y.itemStyle = {
color: hexColorToRGBA(customAttr.color.colors[i % 9], customAttr.color.alpha),
borderRadius: customAttr.size.pieRoseRadius
}
y.type = 'pie'
chart_option.series[0].data.push(y)
}
}
}
// console.log(chart_option);
componentStyle(chart_option, chart)
return chart_option
}