chart.js

1熱

1答えて

Vue.jsコンポーネント内でChart.jsを使用して素敵なグラフを表示しようとしています...複雑ではありませんが、壁に当たっています。ここでは私のコンポーネントのコードは、（構文がVue.js webpack boilerplateに基づいている）である <template> <canvas v-el:canvas style="width: 100%; height: 200

0熱

1答えて

Chart.js詳細を表示するツールヒントをカスタマイズする

私はChart.js 2.0 を使用しています。失敗率：失敗回数/合計回数。私は失敗率、失敗数と合計数の配列を持っています。部品の折れ線グラフの折れ線グラフは、まっすぐですが、ユーザーがツールチップ上を移動したときに表示される障害カウントと合計カウントが必要になります。私はそれをカスタマイズする方法を理解することができません。我々はe.time持って、e.count、e.failure_co

5熱

1答えて

chart.js 2、右から左にアニメート（トップダウンではない）

下のjsfiddleは問題を示しています。最初のデータ挿入は問題ありませんが、データセットの長さを10に設定すると、データポイントが左に移動するのではなく上から下にアニメーション表示されるという望ましくない動作が発生します。それは非常に気を散らす。 http://jsfiddle.net/kLg5ntou/32/ setInterval(function() { data.labels.pus

1熱

1答えて

Chart.js - 私は私のデータベースから移入されるツールチップボックスの2のラベルを表示する棒グラフを持って

複数の値を持つカスタムツールチップ。あなたは、複数のラベルをツールチップで表示することができるように、私は（短い長い）それを設定し始めているとも、私はラベルとして私のデータベースから複数の値を表示できるようにしたいという以下の私のコードから見ることができます。たとえば、ブリッジIDが135554（bridge_id_grab）で、そのブリッジが35歳（bridge_age_grab）で、mile

1熱

1答えて

ng2-chartsアクセスベースチャートオブジェクト

私のイオン2プロジェクトでng2-chartsを使用して折れ線グラフを描画しています。（chartClick）イベントのグラフデータポイントコレクションにアクセスする必要があります。そのためには、チャートの基本chart.jsオブジェクトにアクセスする必要があります。グラフオブジェクトにアクセスする方法はありますか？ HTML： <base-chart class="chart" [

3熱

2答えて

Chart.js線、負の点の異なる塗りつぶしの色

点が負のときは、Line Chart.jsの塗りの色（内部領域）を変更する必要があります。コードはシンプルで基本的なものです：私はこの結果を取得しようとしている $(document).ready(function(){ var ctx = $("#myChart").get(0).getContext("2d"); var data = { labels:

0熱

1答えて

Chart.jsの色が変更されない

ダッシュボードの作成にチャートjを使用しようとしています。私は彼らの始めのページを与えられた例であることを試みています。バーの色は常にグレーです。私は何か非常に些細な行方不明だが、私は何を理解することはできません知っている。すべてのヘルプは非常ただ、すべてのバーの色を変更するには、データセットにbackgroundColorを追加 <!DOCTYPE html> <html> <hea

10熱

2答えて

Chart.js 2.0 Y軸の通貨と千単位のセパレータの書式設定

グラフ軸の書式設定に問題があり、更新版2.0のサンプルが見つかりません。私はどのようにして2000000を€2.000.000にすることができますか？マイフィドル：https://jsfiddle.net/Hiuxing/4sLxyfya/4/ window.onload = function() { var ctx = document.getElementById("canvas

0熱

1答えて

Paretoチャートの値をChart.js 2.0.2を使用して表示する

私はParetoチャート（Chart.jsバージョン：2.0.2を使用しています）があり、バーの内側とその下に値を表示する必要があります。すべてのヘルプは非常に理解されるであろう。これは、コード（それが誰かのために有用であることを願っています）です： <canvas id="canvas"></canvas> <script type="text/javascript"> var

11熱

3答えて

ツールチップを非表示/無効にするchart.js

chart.jsを使用して折れ線グラフでツールチップを非表示にしようとしています。私はこのコードを試しましたが、決して隠すことはありません。 Chart.defaults.global.tooltipenabled = false; あなたはここで、チャートのすべてのコードを見ることができます： https://jsfiddle.net/w6zs07xx/ 感謝を！