# @gooddata/sdk-interactive-example-chartconfig > This interactive example demonstrates how to manipulate the chart config. Latest version **9.4.0** (published 2023-11-30) · LicenseRef-LICENSE license · 0 weekly downloads ## Install ```sh npm install @gooddata/sdk-interactive-example-chartconfig pnpm add @gooddata/sdk-interactive-example-chartconfig yarn add @gooddata/sdk-interactive-example-chartconfig bun add @gooddata/sdk-interactive-example-chartconfig ``` ## Health **Score 20/100 (F)** — status: abandoned. Positive: esm support; no vulnerabilities. Warnings: low downloads; no types. Negative: abandoned; low maintenance score. ## Facts | | | |---|---| | Version | 9.4.0 | | Published | 2023-11-30 | | First published | 2023-10-31 | | Weekly downloads | 0 | | License | LicenseRef-LICENSE | | TypeScript types | none | | Module format | ESM | | Dependencies | 16 | | Unpacked size | 673.4 KB | | Known vulnerabilities | 0 | | Install scripts | no | | Author | GoodData Corporation | | Maintainers | minh.thanh, lienpham95, quangpham, hoaimy, amilieta, kirill.kazakov.gd, bertold8, phong.nguyen-duy, cermakm, khanh.huynh, nhanle1993, mkoldus, petr.kolencik.gd, petr.masopust, tienbien, bich.nguyen, hung.le, nghi.lam, good-andy, pjiranek, phong.nguyen, duc.le, martin.milicka, oleg.morozov, hung.cao, dominik.cap, annguyengd, artsiom.yeliseyenka.gooddata, hungnguyenauto, long.mai, rodri360, jkittler, jaceksan, ivan.mjartan, lupko, nhan.quach, tomas.kratochvil, jakub-sterba, stanislavhacker, vojtasii, pbenes, gooddata-ci, nikolacech, sitina, petrjanu, xmort, no23reason, patrikbraborec, brbistas, vu.pham, matyas.kandl, hung.nguyen.hoang, trung-le-quoc, utdnah, de.do, nis.hua, tuqt1005, tu.bui, my.duong, mai.nguyen, hang.ngo, scavnickyj, thao-luong, thuong.nguyen, huyen.nguyen, van.nguyen, nestor_encinas, an.vuong, tmuchka, gdjan, ngoc-le, thuy.tran, son.nguyen182, tuan.tran_gd | ## Links - npm: https://www.npmjs.com/package/@gooddata/sdk-interactive-example-chartconfig - npm.io page: https://npm.io/package/@gooddata/sdk-interactive-example-chartconfig ## Dependencies (16) - [react](https://npm.io/package/react.md) ^18.2.0 - [tslib](https://npm.io/package/tslib.md) ^2.5.0 - [react-dom](https://npm.io/package/react-dom.md) ^18.2.0 - [@gooddata/sdk-ui](https://npm.io/package/@gooddata/sdk-ui.md) 9.4.0 - [@gooddata/sdk-model](https://npm.io/package/@gooddata/sdk-model.md) 9.4.0 - [@gooddata/sdk-ui-ext](https://npm.io/package/@gooddata/sdk-ui-ext.md) 9.4.0 - [@gooddata/sdk-ui-geo](https://npm.io/package/@gooddata/sdk-ui-geo.md) 9.4.0 - [@gooddata/sdk-ui-kit](https://npm.io/package/@gooddata/sdk-ui-kit.md) 9.4.0 - [@gooddata/sdk-ui-pivot](https://npm.io/package/@gooddata/sdk-ui-pivot.md) 9.4.0 - [@gooddata/sdk-ui-charts](https://npm.io/package/@gooddata/sdk-ui-charts.md) 9.4.0 - [@gooddata/sdk-ui-filters](https://npm.io/package/@gooddata/sdk-ui-filters.md) 9.4.0 - [@gooddata/sdk-backend-spi](https://npm.io/package/@gooddata/sdk-backend-spi.md) 9.4.0 - [@gooddata/sdk-backend-base](https://npm.io/package/@gooddata/sdk-backend-base.md) 9.4.0 - [@gooddata/sdk-backend-bear](https://npm.io/package/@gooddata/sdk-backend-bear.md) 9.4.0 - [@gooddata/sdk-ui-dashboard](https://npm.io/package/@gooddata/sdk-ui-dashboard.md) 9.4.0 - [@gooddata/sdk-backend-tiger](https://npm.io/package/@gooddata/sdk-backend-tiger.md) 9.4.0 ## Recent versions - 9.4.0 (latest) — 2023-11-30 - 9.5.0-alpha.18 (prerelease) — 2023-11-27 - 9.5.0-alpha.1.fix.2 (hotfix) — 2023-11-27 - 9.5.0-alpha.17 — 2023-11-27 - 9.5.0-alpha.16 — 2023-11-24 - 9.5.0-alpha.15 — 2023-11-24 - 9.5.0-alpha.14 — 2023-11-24 - 9.5.0-alpha.13 — 2023-11-24 - 9.4.0-alpha.21.fix.3 — 2023-11-24 - 9.5.0-alpha.12 — 2023-11-23 - 9.5.0-alpha.11 — 2023-11-23 - 9.5.0-alpha.10 — 2023-11-23 - 9.5.0-alpha.9 — 2023-11-23 - 9.5.0-alpha.8 — 2023-11-22 - 9.5.0-alpha.7 — 2023-11-22 - … 23 more at https://npm.io/package/@gooddata/sdk-interactive-example-chartconfig/versions ## README # GoodData.UI SDK - Interactive Examples - Chart config manipulation This interactive example demonstrates how to manipulate the chart config. You can run this example in [CodeSandbox](https://codesandbox.io/p/sandbox/github/gooddata/gooddata-ui-sdk/tree/master/examples/sdk-interactive-examples/examples/example-chartconfig?file=/src/example/Example.tsx). Navigate [up](../../) for more information. [![Chart config manipulation](./.example/preview.png)](https://codesandbox.io/p/sandbox/github/gooddata/gooddata-ui-sdk/tree/master/examples/sdk-interactive-examples/examples/example-chartconfig?file=/src/example/Example.tsx) ## Run example locally ### In sdk-ui-sdk If you cloned whole sdk-ui-sdk repository 1) ```rush install``` 2) ```rush build``` 3) navigate to example directory 4) ```npm run start``` ### Just example directory Do not use this if you cloned whole mono repo it will break rush workspaces 1) navigate to example directory 2) ```npm run update-version``` 3) ```npm install``` 4) ```npm start``` ## License (C) 2017-2021 GoodData Corporation This repository is under the GoodData commercial license available in the [LICENSE](LICENSE) file because it contains a commercial package, HighCharts. --- _Source: https://npm.io/package/@gooddata/sdk-interactive-example-chartconfig · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._