sea-chart 0.0.40 → 0.0.41
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -428,7 +428,9 @@ export default class ChartComponent extends Component {
|
|
|
428
428
|
let offsetX = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
|
|
429
429
|
if (!_this.chart) return;
|
|
430
430
|
const basicLegendConfig = _this.getLegendConfig(theme, legendPosition);
|
|
431
|
-
|
|
431
|
+
if (offsetX) {
|
|
432
|
+
basicLegendConfig.offsetX = offsetX;
|
|
433
|
+
}
|
|
432
434
|
basicLegendConfig.itemName.style.fontSize = theme.fontSize;
|
|
433
435
|
_this.chart.legend(legendName, basicLegendConfig);
|
|
434
436
|
};
|
|
@@ -215,20 +215,7 @@ class Combination extends ChartComponent {
|
|
|
215
215
|
} : {
|
|
216
216
|
type: 'dodge'
|
|
217
217
|
};
|
|
218
|
-
const interval = this.chart.interval().
|
|
219
|
-
content: data => {
|
|
220
|
-
if (this.currentName) {
|
|
221
|
-
return data.name === this.currentName ? data.value_left : '';
|
|
222
|
-
}
|
|
223
|
-
return data.value_left;
|
|
224
|
-
},
|
|
225
|
-
style: {
|
|
226
|
-
fontSize: BaseUtils.getLabelFontSize(label_font_size),
|
|
227
|
-
fill: theme.labelColor,
|
|
228
|
-
stroke: '#fff',
|
|
229
|
-
lineWidth: 1
|
|
230
|
-
}
|
|
231
|
-
}).position('name*value_left').color('color', color => {
|
|
218
|
+
const interval = this.chart.interval().position('name*value_left').color('color', color => {
|
|
232
219
|
if (!y_axis_left_group_by_multiple_numeric_column) {
|
|
233
220
|
return currentTheme.colors[0];
|
|
234
221
|
}
|
|
@@ -370,7 +357,6 @@ class Combination extends ChartComponent {
|
|
|
370
357
|
radius: [singleBarRadius, singleBarRadius, 0, 0],
|
|
371
358
|
fillOpacity: 0.3
|
|
372
359
|
});
|
|
373
|
-
console.log(e);
|
|
374
360
|
point.style('name', name => {
|
|
375
361
|
let r = 4;
|
|
376
362
|
if (name === e.data.data.name) {
|
package/dist/view/wrapper/pie.js
CHANGED
|
@@ -56,8 +56,7 @@ class Pie extends ChartComponent {
|
|
|
56
56
|
this.props.toggleRecords(e.data.data);
|
|
57
57
|
});
|
|
58
58
|
if (show_legend) {
|
|
59
|
-
|
|
60
|
-
this.setLegendForTheta('name', undefined, 'right', -90);
|
|
59
|
+
this.setLegendForTheta('name', undefined, 'right');
|
|
61
60
|
} else {
|
|
62
61
|
this.chart.legend(false);
|
|
63
62
|
}
|
|
@@ -60,8 +60,7 @@ class Ring extends ChartComponent {
|
|
|
60
60
|
this.props.toggleRecords(e.data.data);
|
|
61
61
|
});
|
|
62
62
|
if (show_legend) {
|
|
63
|
-
|
|
64
|
-
this.setLegendForTheta('name', undefined, 'right', -90);
|
|
63
|
+
this.setLegendForTheta('name', undefined, 'right');
|
|
65
64
|
} else {
|
|
66
65
|
this.chart.legend(false);
|
|
67
66
|
}
|
|
@@ -124,9 +123,11 @@ class Ring extends ChartComponent {
|
|
|
124
123
|
stroke: 0
|
|
125
124
|
}
|
|
126
125
|
}
|
|
127
|
-
})
|
|
126
|
+
})
|
|
127
|
+
// .shape('withGap')
|
|
128
|
+
.style('value', value => {
|
|
128
129
|
return {
|
|
129
|
-
lineWidth:
|
|
130
|
+
lineWidth: 2,
|
|
130
131
|
stroke: '#fff'
|
|
131
132
|
};
|
|
132
133
|
});
|