@windborne/grapher 1.0.0 → 1.0.2
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/bundle.js +1 -1
- package/bundle.js.map +1 -1
- package/package.json +1 -1
- package/readme.md +225 -48
- package/src/components/context_menu.js +4 -4
- package/src/components/tooltip.js +207 -58
- package/src/grapher.scss +5 -0
- package/src/helpers/custom_prop_types.js +5 -2
- package/src/renderer/graph_body_renderer.js +4 -3
- package/.idea/inspectionProfiles/Project_Default.xml +0 -6
package/src/grapher.scss
CHANGED
|
@@ -446,6 +446,7 @@
|
|
|
446
446
|
.grapher-tooltip, .grapher-draggable-points, .grapher-vertical-lines {
|
|
447
447
|
position: absolute;
|
|
448
448
|
top: 0;
|
|
449
|
+
left: 0;
|
|
449
450
|
|
|
450
451
|
svg {
|
|
451
452
|
position: absolute;
|
|
@@ -482,6 +483,10 @@
|
|
|
482
483
|
height: 400px;
|
|
483
484
|
border-left: 1px solid $tooltip-line-color;
|
|
484
485
|
}
|
|
486
|
+
|
|
487
|
+
.custom-tooltip-container {
|
|
488
|
+
position: absolute;
|
|
489
|
+
}
|
|
485
490
|
}
|
|
486
491
|
|
|
487
492
|
.grapher-context-menu {
|
|
@@ -70,7 +70,8 @@ const SingleSeries = PropTypes.shape({
|
|
|
70
70
|
gradient: PropTypes.array, // only applies to area
|
|
71
71
|
zeroLineWidth: PropTypes.number, // only applies to bar and area
|
|
72
72
|
zeroLineColor: PropTypes.string, // only applies to bar and area
|
|
73
|
-
pointRadius: PropTypes.number // only applies to area
|
|
73
|
+
pointRadius: PropTypes.number, // only applies to area
|
|
74
|
+
tooltipWidth: PropTypes.number
|
|
74
75
|
});
|
|
75
76
|
|
|
76
77
|
const Series = PropTypes.arrayOf(SingleSeries);
|
|
@@ -103,7 +104,9 @@ const TooltipOptionsRaw = {
|
|
|
103
104
|
alwaysFixedPosition: PropTypes.bool,
|
|
104
105
|
floatPosition: PropTypes.oneOf(['top', 'bottom']),
|
|
105
106
|
floatDelta: PropTypes.number,
|
|
106
|
-
savingDisabled: PropTypes.bool
|
|
107
|
+
savingDisabled: PropTypes.bool,
|
|
108
|
+
customTooltip: PropTypes.func,
|
|
109
|
+
combineTooltips: PropTypes.oneOfType([PropTypes.bool, PropTypes.number])
|
|
107
110
|
};
|
|
108
111
|
|
|
109
112
|
const TooltipOptions = PropTypes.shape(TooltipOptionsRaw);
|
|
@@ -208,7 +208,7 @@ export default class GraphBodyRenderer extends Eventable {
|
|
|
208
208
|
let first = true;
|
|
209
209
|
let disabled = false;
|
|
210
210
|
|
|
211
|
-
this._resizeObserver = new window.ResizeObserver(
|
|
211
|
+
this._resizeObserver = new window.ResizeObserver( () => {
|
|
212
212
|
if (first) { // always fires once at the beginning
|
|
213
213
|
first = false;
|
|
214
214
|
return;
|
|
@@ -219,8 +219,9 @@ export default class GraphBodyRenderer extends Eventable {
|
|
|
219
219
|
}
|
|
220
220
|
|
|
221
221
|
disabled = true;
|
|
222
|
-
|
|
223
|
-
|
|
222
|
+
this.resize().then(() => {
|
|
223
|
+
disabled = false;
|
|
224
|
+
});
|
|
224
225
|
});
|
|
225
226
|
|
|
226
227
|
this._resizeObserver.observe(this._canvas.parentNode);
|