chartist

KO | EN

gitlite — search

#javascript #hacktoberfest #ai #typescript #machine-learning #linux #docker #nodejs #windows #awesome #kubernetes #vue #pytorch #openai

(★ 13,392)

간단한 반응형 차트

chartist 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# The Chartist Guy의 대환영
[![NPM version][npm]][npm-url]
[![Downloads][downloads]][downloads-url]
[![Build status][build]][build-url]
[![Coverage status][coverage]][coverage-url]
[![Bundle size][size]][size-url]
[![Join the chat at https://gitter.im/gionkunz/chartist-js][chat]][chat-url]
[npm]: https://img.shields.io/npm/v/chartist.svg
[npm-url]: https://www.npmjs.com/package/chartist
[downloads]: https://img.shields.io/npm/dm/chartist.svg
[downloads-url]: https://www.npmjs.com/package/chartist
[build]: https://img.shields.io/github/actions/workflow/status/chartist-js/chartist/ci.yml
[build-url]: https://github.com/chartist-js/chartist/actions
[coverage]: https://img.shields.io/codecov/c/github/chartist-js/chartist.svg
[coverage-url]: https://app.codecov.io/gh/chartist-js/chartist
[size]: https://img.shields.io/bundlephobia/minzip/chartist
[size-url]: https://bundlephobia.com/package/chartist
[chat]: https://badges.gitter.im/gionkunz/chartist-js.svg
[chat-url]: https://gitter.im/gionkunz/chartist-js?utm\_source=badge&utm\_medium=badge&utm\_campaign=pr-badge&utm\_content=badge

![The Chartist Guy](https://raw.github.com/chartist-js/chartist/main/website/static/img/chartist-guy.gif)

Chartist는 SVG로 제작된 간단하고 반응형인 차트 라이브러리입니다. 이미 수백 개의 훌륭한 차트 라이브러리가 존재하지만, 그것들은 보통 다음과 같은 문제가 있습니다:
- 일러스트레이션에 잘못된 기술을 사용함 (canvas)
- 수백 킬로바이트에 달하는 무거운 용량
- 설정은 단순하게 유지하면서 충분히 유연하지 않음
- 디자이너 친화적이지 않음
- 기타 더 많은 불편한 점들
이것이 바로 우리가 Chartist를 시작하게 된 이유이며, 우리의 목표는 위의 모든 문제를 해결하는 것입니다.

---

[Quickstart](#quickstart)
  •  
[What is it made for?](#what-is-it-made-for)
  •  
[What's new in v1?](https://chartist.dev/docs/whats-new-in-v1)
  •  
[Docs](https://chartist.dev/)
  •  
[Examples](https://chartist.dev/examples)
  •  
[Contribution](#contribution)

---

## 빠른 시작
선호하는 패키지 매니저를 사용하여 이 라이브러리를 설치하세요:
```sh
pnpm add chartist
# or
yarn add chartist
# or
npm i chartist
```
그런 다음, 원하는 차트를 임포트하여 사용하면 됩니다:
```js
import { BarChart } from 'chartist';
new BarChart('#chart', {
labels: ['W1', 'W2', 'W3', 'W4', 'W5', 'W6', 'W7', 'W8', 'W9', 'W10'],
series: [
[1, 2, 4, 8, 6, -2, -1, -4, -6, -2]
]
}, {
high: 10,
low: -10,
axisX: {
labelInterpolationFnc: (value, index) => (index % 2 === 0 ? value : null)
}
});
```
  
데이터를 가져올 API가 필요하신가요? 데이터 앱을 위한 오픈소스 API인 [Cube](https://cube.dev/?ref=eco-chartist)를 고려해 보세요.
  
[![supported by Cube](https://user-images.githubusercontent.com/986756/154330861-d79ab8ec-aacb-4af8-9e17-1b28f1eccb01.svg)](https://cube.dev/?ref=eco-chartist)
## 무엇을 위해 만들어졌나요?
Chartist의 목표는 웹사이트에서 반응형 차트를 제작하기 위한 간단하고 가벼우며 방해되지 않는 라이브러리를 제공하는 것입니다.
Chartist의 주요 의도 중 하나는 이미 표준에 의해 해결된 문제에 대해 자체적인 솔루션을 제공하기보다는 표준에 의존하는 것임을 이해하는 것이 중요합니다. 우리는 오늘날 브라우저의 강력한 기능을 활용해야 하며 모든 문제를 스스로 해결하려는 생각에 작별을 고해야 합니다.
Chartist는 인라인 SVG로 작동하므로 DOM의 강력한 기능을 활용하여 기능의 일부를 제공합니다. 이는 또한 Chartist가 순수한 HTML, JavaScript 및 CSS로 처리할 수 있는 자체 이벤트 처리, 레이블, 동작 또는 기타 어떤 것도 제공하지 않음을 의미합니다. Chartist의 유일하고 단 하나의 책임은 DOM의 인라인 SVG, 스타일 지정을 위한 CSS, 그리고 차트 설정을 위한 API를 제공하는 JavaScript를 사용하여 "간단한 반응형 차트"를 그리는 것을 돕는 것입니다.
## 플러그인
곧 출시됩니다.
v0.11용
일부 기능은 코어 제품에 적합하지 않지만
다음과 같은 기능을 추가하는 훌륭한 플러그인 세트가 있습니다:
\* [축 레이블](http://gionkunz.github.io/chartist-js/plugins.html#axis-title-plugin)
\* [데이터 포인트의 툴팁](https://gionkunz.github.io/chartist-js/plugins.html#tooltip-plugin)
\* [임계값 상/하 색상 지정](https://gionkunz.github.io/chartist-js/plugins.html#threshold-plugin)
기타 등등.
모든 플러그인은 [여기](https://gionkunz.github.io/chartist-js/plugins.html)에서 확인하세요.
## 기여하기
우리는 반응형이고 최신 및 미래 지향적인 기술을 사용하는 간단하고 유연한 차트 라이브러리라는 아이디어를 공유할 사람들을 찾고 있습니다. 이 프로젝트의 목표는 개발자가 사용하는 즐거움을 느끼고 디자이너가 디자인 유연성 때문에 사랑하는 반응형 차트 라이브러리를 만드는 것입니다. 이 아이디어와 개념이 마음에 든다면 프로젝트에 기여하고 멋진 반응형 오픈소스 차트를 대중에게 알리는 데 도움을 주세요.
Chartist Guy가 마음에 든다면 기여해 주세요!

chartist

chartist 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

chartist

chartist 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README