@gravity-ui/chartkit 2.10.0 → 2.10.1

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## [2.10.1](https://github.com/gravity-ui/chartkit/compare/v2.10.0...v2.10.1) (2023-06-19)
+
+
+### Bug Fixes
+
+* **Highcharts plugin:** show totals of selected series on legend click ([#176](https://github.com/gravity-ui/chartkit/issues/176)) ([ac7fe22](https://github.com/gravity-ui/chartkit/commit/ac7fe224363f7379f6dd35db0a3a682cdc7a2bc2))
+
 ## [2.10.0](https://github.com/gravity-ui/chartkit/compare/v2.9.0...v2.10.0) (2023-06-05)
 
 

package/build/plugins/highcharts/__stories__/pie/WithTotals.stories.d.ts

@@ -0,0 +1,4 @@
+import { Meta, Story } from '@storybook/react';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const WithTotals: Story<any>;

package/build/plugins/highcharts/__stories__/pie/WithTotals.stories.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { ChartKit } from '../../../../components/ChartKit';
+import { data } from '../../mocks/pie-with-totals';
+import { ChartStory } from '../components/ChartStory';
+export default {
+    title: 'Plugins/Highcharts/Pie',
+    component: ChartKit,
+};
+const Template = () => {
+    return React.createElement(ChartStory, { data: data });
+};
+export const WithTotals = Template.bind({});

package/build/plugins/highcharts/mocks/pie-with-totals.d.ts

@@ -0,0 +1,2 @@
+import { HighchartsWidgetData } from '../types';
+export declare const data: HighchartsWidgetData;

package/build/plugins/highcharts/mocks/pie-with-totals.js

@@ -0,0 +1,43 @@
+export const data = {
+    data: {
+        graphs: [
+            {
+                name: 'Number of requests',
+                tooltip: {
+                    chartKitFormatting: true,
+                    chartKitPrecision: 0,
+                },
+                dataLabels: {
+                    format: null,
+                    chartKitFormatting: true,
+                    chartKitPrecision: 0,
+                    chartKitPrefix: '',
+                    chartKitPostfix: '',
+                    chartKitLabelMode: 'absolute',
+                    chartKitFormat: 'number',
+                    chartKitShowRankDelimiter: true,
+                },
+                data: [
+                    { name: 'Furniture', y: 14344, label: 14344 },
+                    { name: 'Domestic chemistry', y: 14244, label: 14244 },
+                    { name: 'Household goods', y: 14181, label: 14181 },
+                ],
+            },
+        ],
+        categories: ['Furniture', 'Domestic chemistry', 'Household goods'],
+        totals: 42769,
+    },
+    config: {
+        showPercentInTooltip: true,
+    },
+    libraryConfig: {
+        chart: {
+            type: 'pie',
+        },
+        plotOptions: {
+            pie: {
+                innerSize: '50%',
+            },
+        },
+    },
+};

package/build/plugins/highcharts/renderer/helpers/config/config.js

@@ -1227,11 +1227,14 @@ export function prepareConfig(data, options, isMobile, holidays) {
                 } }, (chartType === 'pie' &&
                 totals && {
                 render: function () {
+                    var _a;
                     const chart = this;
                     const chartSeries = chart.series[0];
                     const innerWidth = chartSeries === null || chartSeries === void 0 ? void 0 : chartSeries.center[3];
+                    const formatOptions = (_a = chartSeries === null || chartSeries === void 0 ? void 0 : chartSeries.userOptions) === null || _a === void 0 ? void 0 : _a.tooltip;
+                    const value = formatDonutTotals(chartSeries === null || chartSeries === void 0 ? void 0 : chartSeries.total, formatOptions) || totals;
                     if (innerWidth) {
-                        debouncedAdjustDonutFontSize(chart, chartSeries, innerWidth, totals);
+                        debouncedAdjustDonutFontSize(chart, chartSeries, innerWidth, value);
                     }
                 },
             })),

package/build/plugins/highcharts/types/widget.d.ts

@@ -34,6 +34,7 @@ export declare type HighchartsWidgetData = {
     } | {
         graphs: CkHighchartsSeriesOptionsType[];
         categories: string[];
+        totals?: number | string;
     } | {
         graphs: CkHighchartsSeriesOptionsType[];
     }) & {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/chartkit",
-  "version": "2.10.0",
+  "version": "2.10.1",
   "description": "React component used to render charts based on any sources you need",
   "license": "MIT",
   "repository": "git@github.com:gravity-ui/ChartKit.git",