Security News
npm Updates Search Experience with New Objective Sorting Options
npm has a revamped search experience with new, more transparent sorting options—Relevance, Downloads, Dependents, and Publish Date.
@gravity-ui/chartkit
Advanced tools
React component used to render charts based on any sources you need
React component used to render charts based on any sources you need
npm i --save-dev @gravity-ui/chartkit @gravity-ui/uikit
Make sure you have @gravity-ui/uikit
styles enabled in your project.
import '@gravity-ui/uikit/styles/styles.scss';
import {ThemeProvider} from '@gravity-ui/uikit';
import ChartKit, {settings} from '@gravity-ui/chartkit';
import {YagrPlugin, YagrWidgetData} from '@gravity-ui/chartkit/build/plugins';
import '@gravity-ui/uikit/styles/styles.scss';
settings.set({plugins: [YagrPlugin]});
const data: YagrWidgetData = {
data: {
timeline: [
1636838612441, 1636925012441, 1637011412441, 1637097812441, 1637184212441, 1637270612441,
1637357012441, 1637443412441, 1637529812441, 1637616212441,
],
graphs: [
{
id: '0',
name: 'Serie 1',
color: '#6c59c2',
data: [25, 52, 89, 72, 39, 49, 82, 59, 36, 5],
},
{
id: '1',
name: 'Serie 2',
color: '#6e8188',
data: [37, 6, 51, 10, 65, 35, 72, 0, 94, 54],
},
],
},
libraryConfig: {
chart: {
series: {
type: 'line',
},
},
title: {
text: 'line: random 10 pts',
},
},
};
function App() {
return (
<ThemeProvider>
<div className="app" style={{height: 500}}>
<ChartKit type="yagr" data={data} />
</div>
</ThemeProvider>
);
}
export default App;
FAQs
React component used to render charts based on any sources you need
The npm package @gravity-ui/chartkit receives a total of 960 weekly downloads. As such, @gravity-ui/chartkit popularity was classified as not popular.
We found that @gravity-ui/chartkit demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 0 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
npm has a revamped search experience with new, more transparent sorting options—Relevance, Downloads, Dependents, and Publish Date.
Security News
A supply chain attack has been detected in versions 1.95.6 and 1.95.7 of the popular @solana/web3.js library.
Research
Security News
A malicious npm package targets Solana developers, rerouting funds in 2% of transactions to a hardcoded address.