forked from github/dataease
style(图表-基础折线图): 自定义排序后,图例个数超过9个时,图例marker未着色
This commit is contained in:
parent
96085792b2
commit
c5e6fa9253
@ -288,40 +288,40 @@ export class Line extends G2PlotChartView<LineOptions, G2Line> {
|
||||
}
|
||||
protected configLegend(chart: Chart, options: LineOptions): LineOptions {
|
||||
const optionTmp = super.configLegend(chart, options)
|
||||
const xAxisExt = chart.xAxisExt
|
||||
if (!optionTmp.legend || xAxisExt.length === 0 || xAxisExt[0].customSort?.length === 0) {
|
||||
return optionTmp
|
||||
}
|
||||
// 图例自定义排序
|
||||
const l = optionTmp.legend
|
||||
const basicStyle = parseJson(chart.customAttr).basicStyle
|
||||
const sort = xAxisExt[0].customSort ?? []
|
||||
const legendItems = []
|
||||
sort.forEach((item, index) => {
|
||||
legendItems.push({
|
||||
name: item,
|
||||
value: item,
|
||||
marker: {
|
||||
symbol: l.marker.symbol,
|
||||
style: {
|
||||
r: 6,
|
||||
fill: 'rgba(0,0,0,0)',
|
||||
lineWidth: 2,
|
||||
lineJoin: 'round',
|
||||
stroke: basicStyle.colors[index]
|
||||
const xAxisExt = chart.xAxisExt[0]
|
||||
if (optionTmp.legend && xAxisExt?.customSort?.length > 0) {
|
||||
// 图例自定义排序
|
||||
const l = optionTmp.legend
|
||||
const basicStyle = parseJson(chart.customAttr).basicStyle
|
||||
const sort = xAxisExt.customSort ?? []
|
||||
const legendItems = []
|
||||
sort.forEach((item, index) => {
|
||||
legendItems.push({
|
||||
name: item,
|
||||
value: item,
|
||||
marker: {
|
||||
symbol: l.marker.symbol,
|
||||
style: {
|
||||
r: 6,
|
||||
fill: 'rgba(0,0,0,0)',
|
||||
lineWidth: 2,
|
||||
lineJoin: 'round',
|
||||
stroke: basicStyle.colors[index % basicStyle.colors.length]
|
||||
}
|
||||
}
|
||||
}
|
||||
})
|
||||
})
|
||||
})
|
||||
const legend = {
|
||||
...l,
|
||||
custom: true,
|
||||
items: legendItems
|
||||
}
|
||||
return {
|
||||
...optionTmp,
|
||||
legend
|
||||
const legend = {
|
||||
...l,
|
||||
custom: true,
|
||||
items: legendItems
|
||||
}
|
||||
return {
|
||||
...optionTmp,
|
||||
legend
|
||||
}
|
||||
}
|
||||
return optionTmp
|
||||
}
|
||||
protected setupOptions(chart: Chart, options: LineOptions): LineOptions {
|
||||
return flow(
|
||||
|
Loading…
Reference in New Issue
Block a user