sea-chart 2.0.27 → 2.0.29
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.
- package/dist/components/statistic-record-dialog/index.css +15 -0
- package/dist/view/wrapper/chart-component.js +1 -1
- package/dist/view/wrapper/map-bubble.js +1 -1
- package/dist/view/wrapper/map-world-bubble.js +1 -1
- package/dist/view/wrapper/map-world.js +1 -1
- package/dist/view/wrapper/map.js +1 -1
- package/package.json +2 -2
|
@@ -21,6 +21,21 @@
|
|
|
21
21
|
font-size: 16px;
|
|
22
22
|
}
|
|
23
23
|
|
|
24
|
+
.sea-chart-statistic-records-dialog .search-header .close {
|
|
25
|
+
display: flex;
|
|
26
|
+
align-items: center;
|
|
27
|
+
justify-content: center;
|
|
28
|
+
width: 24px;
|
|
29
|
+
height: 24px;
|
|
30
|
+
border: 0;
|
|
31
|
+
border-radius: 3px;
|
|
32
|
+
background-color: #FFF;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.sea-chart-statistic-records-dialog .search-header .close:hover {
|
|
36
|
+
background-color: #EFEFEF;
|
|
37
|
+
}
|
|
38
|
+
|
|
24
39
|
.sea-chart-statistic-records-dialog .no-search-result {
|
|
25
40
|
height: 100%;
|
|
26
41
|
width: 100%;
|
|
@@ -677,7 +677,7 @@ class ChartComponent extends _react.Component {
|
|
|
677
677
|
}
|
|
678
678
|
|
|
679
679
|
// add legend
|
|
680
|
-
const continuousLegendWrapper = this.chart.append('g').attr('class', 'legend-continuous-wrapper').attr('transform', "translate(
|
|
680
|
+
const continuousLegendWrapper = this.chart.append('g').attr('class', 'legend-continuous-wrapper').attr('transform', "translate(0, ".concat(chartHeight - legendRectHeight - legendTextHeightSpace, ")"));
|
|
681
681
|
continuousLegendWrapper.append('rect').attr('width', legendRectWidth).attr('height', legendRectHeight).attr('fill', [_constants.CHART_TYPE.MAP_BUBBLE, _constants.CHART_TYPE.WORLD_MAP_BUBBLE].includes(type) ? bubbleColor : "url(#gradient-".concat((_this$chart$node2 = this.chart.node()) === null || _this$chart$node2 === void 0 ? void 0 : _this$chart$node2.id, "-").concat(previewType, ")")).call(g => {
|
|
682
682
|
if ([_constants.CHART_TYPE.MAP_BUBBLE, _constants.CHART_TYPE.WORLD_MAP_BUBBLE].includes(type)) {
|
|
683
683
|
continuousLegendWrapper.append('polygon').attr('points', "0,0 ".concat(legendRectWidth - 0.5, ",0 0,").concat(legendRectHeight - 0.5)).attr('fill', '#fff').attr('stroke', '#fff');
|
|
@@ -116,7 +116,7 @@ class MapBubble extends _chartComponent.default {
|
|
|
116
116
|
} = this.chartBoundingClientRect;
|
|
117
117
|
|
|
118
118
|
// 1. Setting up projection
|
|
119
|
-
const projection = d3.geoMercator().
|
|
119
|
+
const projection = d3.geoMercator().fitExtent([[insertPadding, insertPadding], [chartWidth - insertPadding, chartHeight - insertPadding]], mapJson);
|
|
120
120
|
|
|
121
121
|
// 2. Generate a path based on projection
|
|
122
122
|
const pathGenerator = d3.geoPath(projection);
|
|
@@ -115,7 +115,7 @@ class MapBubble extends _chartComponent.default {
|
|
|
115
115
|
} = this.chartBoundingClientRect;
|
|
116
116
|
|
|
117
117
|
// 1. Setting up projection
|
|
118
|
-
const projection = d3.geoMercator().
|
|
118
|
+
const projection = d3.geoMercator().fitExtent([[insertPadding, insertPadding], [chartWidth - insertPadding, chartHeight - insertPadding]], mapJson);
|
|
119
119
|
|
|
120
120
|
// 2. Generate a path based on projection
|
|
121
121
|
const pathGenerator = d3.geoPath(projection);
|
|
@@ -126,7 +126,7 @@ class Map extends _chartComponent.default {
|
|
|
126
126
|
const color = d3.scaleSequential([minVal, maxVal], d3.interpolateRgbBasis(exampleColors)).unknown('#e2e2e2');
|
|
127
127
|
|
|
128
128
|
// 1. Setting up projection
|
|
129
|
-
const projection = d3.geoMercator().
|
|
129
|
+
const projection = d3.geoMercator().fitExtent([[insertPadding, insertPadding], [chartWidth - insertPadding, chartHeight - insertPadding]], mapJson);
|
|
130
130
|
|
|
131
131
|
// 2. Generate a path based on projection
|
|
132
132
|
const pathGenerator = d3.geoPath(projection);
|
package/dist/view/wrapper/map.js
CHANGED
|
@@ -126,7 +126,7 @@ class Map extends _chartComponent.default {
|
|
|
126
126
|
const color = d3.scaleSequential([minVal, maxVal], d3.interpolateRgbBasis(exampleColors)).unknown('#e2e2e2');
|
|
127
127
|
|
|
128
128
|
// 1. Setting up projection
|
|
129
|
-
const projection = d3.geoMercator().
|
|
129
|
+
const projection = d3.geoMercator().fitExtent([[insertPadding, insertPadding], [chartWidth - insertPadding, chartHeight - insertPadding]], mapJson);
|
|
130
130
|
|
|
131
131
|
// 2. Generate a path based on projection
|
|
132
132
|
const pathGenerator = d3.geoPath(projection);
|
package/package.json
CHANGED