chartjsの検索結果1 - 7 件 / 7件

• あとで読む

  いい感じのグラフをTypeScriptなNuxt.jsとvue-chartjs(chart.js)で書いてみた - Qiita

  • 65 users
  • qiita.com/kira_puka
  • テクノロジー
  • 2019/09/22

  Nuxt.jsで開発しているWebサービスで、 棒グラフとか線グラフを使いたいなと思い、いろいろ調べた備忘録。 vue-chartjsを使うと、いい感じのグラフが簡単にできた(´ω｀) こんな感じで使ってます!! 登録されている本の総額と総冊数の推移を棒グラフと線グラフで表示!! 色も文字も変えられて、いい感じに(´ω｀) vue-chartjsの使い方 全体の流れはこんな感じ。 1. インストール 2. コンポーネントを作る 3. コンポーネントを配置する 1. インストール まずはインストール <!-- Template Tag can not be merged... --> <script lang="ts"> import { Component, Vue, Prop, Watch, mixins } from "nuxt-property-decorator"; import

  • TypeScript
  • Vue.js
  • nuxt
  • あとで読む
  • 書いた!
  • Vue

  
• あとで読む

  最初に | 📈 vue-chartjs

  • 6 users
  • vue-chartjs.org
  • テクノロジー
  • 2019/07/19

  最初に #vue-chartjs は Chart.js をvueで使用するためのラッパーです。 再利用可能なチャートコンポーネントを簡単に作成できます。 初めに #vue-chartjs あまり手間をかけずにvueの中でchart.jsを使うことができます。 シンプルなチャートをできるだけ早く起動して実行したいという人に最適です。 chart.jsの基本ロジックを抽象化していますが、公開されたchart.jsのオブジェクトを使用して柔軟にカスタマイズできます。 インストール #NPM #npmを使って vue-chartjsをインストールすることができます。 ただしプロジェクトへの依存関係として chart.jsを追加する必要があります。 なぜなら Chart.jsはpeerDependencyだからです。 このため、Chart.jsのバージョンを完全に制御できます。 yarn add v
• あとで読む

  📈 vue-chartjs

  • 5 users
  • vue-chartjs.org
  • テクノロジー
  • 2019/11/27
• あとで読む

  「vue-chartjs」でグラフィカルなチャートを実装する|カバの樹

  • 4 users
  • www.kabanoki.net
  • テクノロジー
  • 2019/06/27

  vue-chartjsとは 「vue-chartjs」はVue.js製のグラフやチャートを実装するライブラリです。 元々は「Chart.js」というGithubのスター 40,000 を超えるグラフやチャートを実装できるライブラリです。 棒グラフから円グラフ、線グラフなどなど様々なチャートに対応しています。 カラーバリエーションも豊富で、ほとんど何もしなくても美しいグラフを表示してくれます。 インストール 以下のnpm、yarn、CDNを使ってインストールします。 npm npm install vue-chartjs chart.js --sa yarn yarn add vue-chartjs chart.js CDN <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.1/Chart.min.js"></s

  • Chart.js
  • vue.js

  

chartjsの関連エントリー

• 

  PRDやDesign Docを書かなくなった - kosui

  161 users
• 

  X、「いいね！」を週内に非公開化すると発表

  229 users
• 

  リネットジャパン、自治体公認の無料回収「パソコンの宅配便リサイクル」が704自治体に拡大

  66 users
• 

  グリコがSAP技術者募集中！グリコ製品を早く供給してほしいエンジニアは急げ！

  40 users
• 

  【完全解説】なぜ人はアウトプットができないのか？ - Qiita

  339 users
• 

  バッファロー製ルーターでマルウェアとみられる通信、ソフト更新を提供中

  30 users
• 

  中国のハッカーが世界中にある約2万台のFortiGateシステムに侵入しているとオランダ政府の軍事情報安全保安局が警告

  45 users
• 

  アップルは新AI技術で「スマホの写真・動画管理」を劇的に変える【西田宗千佳のRandomTracking】

  35 users
• 

  2ヶ月でAWS認定12冠したので攻略法を語ります - Qiita

  390 users
• 

  イベント駆動とドメインモデルの完全性を意識したアーキテクチャ設計

  24 users
• あとで読む

  react-chartjs-2 | react-chartjs-2

  • 4 users
  • react-chartjs-2.js.org
  • テクノロジー
  • 2023/02/14

  React components for Chart.js, the most popular charting library. Supports Chart.js v4 (read below) and Chart.js v3 (see this guide). Quickstart​Install this library with peer dependencies:

  • chart
• あとで読む

  vue-chartjsでグラフを描く - Qiita

  • 3 users
  • qiita.com/kiyc
  • テクノロジー
  • 2019/09/13

  Vue.jsで使えるグラフ描画ライブラリはいくつかありますが、有名なのはどれもChart.jsのラッパーライブラリとなっています。 今回はその中でも多機能なvue-chartjsを使ってみることにしました。 インストール インストールはvue-chartjsの他にChart.jsも必要です。 vue-chartjsの公式ドキュメントには、Vue.jsで使うための必要最低限の情報しかないため、 グラフについて詳しく知りたい場合はChart.jsの公式ドキュメントを調べましょう。 グラフ描画 グラフ描画は簡単です。データを定義、もしくはAPIで取得するなどしてrenderChart()するだけ。 <script> import { Bar } from 'vue-chartjs'; export default { extends: Bar, name: 'chart', data () {

  
• あとで読む

  Reactのグラフライブラリ「react-chartjs-2」を使ってみた。 | DevelopersIO

  • 3 users
  • dev.classmethod.jp
  • テクノロジー
  • 2021/12/21

  「react-chartjs-2」は「chart.js」というjavaScriptのグラフ描画ライブラリを、Reactでも利用できるようにしたラッパーライブラリです。「react-chartjs-2」の元となっている「chart.js」は、javascriptを使ってwebサイトにグラフを表示する際に広く使われているライブラリです。「chart.js」をそのまま利用して、React上でグラフを扱うことは難しいのですが、「react-chartjs-2」を使うことでReact上でも簡単にグラフを表示することができます。 「react-chartjs-2」はCanvasを使用して、折れ線グラフや棒グラフ、ドーナツチャートなど様々なグラフを描画することができ、グラフの描画時にアニメーションを行うこともできます。 「react-chartjs-2」のドキュメント https://react-cha