@evergis/charts 2.0.108 → 2.0.111

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2020 Kirill Protasov
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+MIT License
+
+Copyright (c) 2020 Kirill Protasov
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 SOFTWARE.

package/README.md

@@ -1,13 +1,13 @@
-# @evergis/charts
-
-## Важно
-
-- Стилизовать графики необходимо импортируя названия классов из библиотеки.
-
-`import { calendarChartClassNames } from "@evergis/charts"`
-
-## Документация зависимостей
-
-- [d3](https://github.com/d3/d3/blob/master/API.md)
-- [styled-components](https://styled-components.com/docs)
-- [storybook](https://storybook.js.org/docs/react/writing-docs/docs-page)
+# @evergis/charts
+
+## Важно
+
+- Стилизовать графики необходимо импортируя названия классов из библиотеки.
+
+`import { calendarChartClassNames } from "@evergis/charts"`
+
+## Документация зависимостей
+
+- [d3](https://github.com/d3/d3/blob/master/API.md)
+- [styled-components](https://styled-components.com/docs)
+- [storybook](https://storybook.js.org/docs/react/writing-docs/docs-page)

package/dist/charts/LineChart/styled.d.ts

@@ -1,5 +1,6 @@
 export declare const lineChartClassNames: {
     lineChartYScaleGlobal: string;
+    lineChartYScaleRight: string;
     lineChartXScaleGlobal: string;
     lineChartLinesGlobal: string;
     lineChartLine: string;

package/dist/charts/LineChart/types.d.ts

@@ -50,6 +50,7 @@ export declare type LineChartProps = {
     tooltipClassName?: string;
     xScaleItemWidth?: number;
     dotSnapping?: boolean;
+    rightAxis?: number[];
 };
 export declare type LineChartDot = {
     radius?: number;

package/dist/charts.cjs.development.js

@@ -1329,6 +1329,7 @@ const stackedData = data => {
 var _templateObject$8, _templateObject2$2;
 const lineChartClassNames = {
   lineChartYScaleGlobal: 'lineChartYScaleGlobal',
+  lineChartYScaleRight: 'lineChartYScaleRight',
   lineChartXScaleGlobal: 'lineChartXScaleGlobal',
   lineChartLinesGlobal: 'lineChartLinesGlobal',
   lineChartLine: 'lineChartLine',
@@ -1662,7 +1663,8 @@ const draw$3 = (node, props) => {
     tooltipClassName,
     xScaleItemWidth,
     areaCurve,
-    dotSnapping
+    dotSnapping,
+    rightAxis
   } = props;
 
   if (node !== null && chartData.length) {
@@ -1689,7 +1691,8 @@ const draw$3 = (node, props) => {
       return d3.max(values);
     });
     const svg = appendSvg(node, width, height || 0);
-    const yScale = d3.scaleLinear().domain([min || 0, max || 0]).range([height - marginTop - marginBottom - (xAxisPadding || 0), marginTop]).nice();
+    const yRange = [height - marginTop - marginBottom - (xAxisPadding || 0), marginTop];
+    const yScale = d3.scaleLinear().domain([min || 0, max || 0]).range(yRange).nice();
     customYScale && customYScale(yScale);
     const yTicksCountDefault = 8;
     const yAxisLeft = d3.axisLeft(yScale).ticks(yTicksCountDefault);
@@ -1700,15 +1703,29 @@ const draw$3 = (node, props) => {
       width: yAxisWidth
     } = computeDimensions(yAxis);
     yAxis.attr('transform', "translate(" + (marginLeft + yAxisWidth) + ", 0)");
+    let yAxisRightWidth = 0;
+
+    if (rightAxis) {
+      const rightAxisMin = d3.min(rightAxis);
+      const rightAxisMax = d3.max(rightAxis);
+      const yRightScale = d3.scaleLinear().domain([rightAxisMin || 0, rightAxisMax || 0]).range(yRange).nice();
+      const yAxisRightTicks = d3.axisRight(yRightScale).ticks(yTicksCountDefault);
+      const yAxisRight = svg.append('g').attr('class', lineChartClassNames.lineChartYScaleGlobal + " " + lineChartClassNames.lineChartYScaleRight).call(yAxisRightTicks).call(customYAxisSelection ? customYAxisSelection : none);
+      ({
+        width: yAxisRightWidth
+      } = computeDimensions(yAxisRight));
+      yAxisRight.attr('transform', "translate(" + (width - yAxisRightWidth) + ", 0)");
+    }
     /** xScale **/
 
+
     const lastIndex = labels && labels.length ? labels.length - 1 : data.reduce((acc, _ref3) => {
       let {
         values
       } = _ref3;
       return Math.max(acc, values.length);
     }, 0) - 1;
-    const xScale = d3.scaleLinear().domain([0, lastIndex]).range([marginLeft + yAxisWidth + (yAxisPadding || 0), width - marginRight]);
+    const xScale = d3.scaleLinear().domain([0, lastIndex]).range([marginLeft + yAxisWidth + (yAxisPadding || 0), width - yAxisRightWidth - marginRight]);
     const xAxisBottom = d3.axisBottom(xScale).tickFormat(value => // @ts-ignore
     labels && labels.length > 0 ? labels[value] : 0).ticks(lastIndex);