chart.js

0熱

1答えて

この例のVueJsチャートアプリケーションはIEでは動作しません。なぜ誰が知っていますか？で、例えば、以下のコンポーネントがエラーを印刷しませんが、1つのES6構文は、あなたのコンポーネントでオブジェクトのメソッドを定義するために使用されているがあるためであると同時に <div class="app"> {{ message }} <line-chart></line-cha

0熱

1答えて

どのように棒グラフのツールチップのデータをクリックするのですか？

私はバーをクリックすると、データがツールチップに表示されます。私はonClick機能でツールチップのデータが必要です。続きは、棒グラフのための私のコードです： var tool = new Chart(canvas, { type: 'bar', data: data, options: { legend: { display: true,

0熱

1答えて

Chartjsカスタム動的凡例がオーバーフローする

私はchartjs凡例を動的に作成します。グラフを親に合わせて縦方向に動的に拡大するには、グラフオプションのmaintainAspectRatio: falseプロパティでこれを行います。また、私の凡例とグラフを親コンテナに収めたいと思っています。問題は、chartjsが動的に生成された凡例を表示せず、heightの480pxというグラフを与えることです。これは、凡例が親コンテナの内側にフィッ

0熱

1答えて

キャンバス内のチャートのサイズを小さくする

今日の午後、chart.jsチャートのキャンバスサイズを小さくすることについて多くのことを読んで、問題があることがわかりました。私が知りたいのは、のキャンバス内の実際のグラフのサイズを小さくすることが可能かどうかです。？ aspectRatioが1のキャンバスのサイズは問題ではありません。これは、（レーダー）グラフをアスペクト比で正方形にします。私が望むのは、グラフのサイズを計算されたサイズの80

1熱

1答えて

Chart.jsツールチップの値は2行で表示されます

私はchart.jsを使用しています。私は、ホバーに2つの値をツールチップに表示したい。両方とも新しいラインでは、私は本当にどのように知っていない。この例でも、stringは1行で返されます。私はes6の構文を ``だが成功しなかった。カスタムhtmlを使用せずにアーカイブする方法はありますか？あなたはそのことのための新たなライン（\n）文字やES6構文（キャンバス/ chart.jsとして、それ

0熱

1答えて

Chart.js legendcallback

legendcallbackで問題が発生しています。テンプレートを使用してカスタムテンプレートを使用しないHTMLにいくつかの変更を加えようとしましたが、テンプレートから外していますカスタムテンプレート。 var myChart = new Chart(ctx, { type: "bar", data: SetData, options: { toolti

0熱

1答えて

Pug - pugスクリプトでサーバーからデータにアクセスする（type = 'text/javascript'）

私のpugテンプレートでサーバーからデータを読み込もうとしています。私のルートは、次のようになります。 app.get('/serverdata', async(req, res) => { const chartData = [] for (const i = 0; i < 7; i++) { chartData.push(Math.random() * 50)

1熱

1答えて

チャートは

こんにちはキャンバスは別のHTMLファイルに追加された＃リンク（dashboard.html）中に消えている dashboard.htmlがNG-ビューを使って、メインのHTML（home.html）ページに追加され、 NG-ビューは＃ハイパーリンクは、メインページ（home.html）からクリックされたときにNGが-場合チャートが消えているの内部にある私はこの問題を解決できるか教えてください

0熱

1答えて

reactjsのchartsjsからグラフを更新する

グラフにデータが入っています。ボタンをクリックすると、データがグラフ+グラフに変わります。それは動作しますが...グラフ上にマウスを置くと、最初のデータを含むグラフが何度かちらつきます。なぜ私は考えていない。例： https://codesandbox.io/s/zx6o9wj654

0熱

1答えて

グリッド線が隠されているときのChartJS棒グラフの軸のスタイルの編集

グリッド線がfalseに表示された棒グラフがあります。今、軸線（xとy）に対してのみ、幅と色を設定する必要があります。私はグリッド線を非表示にするとき、私は唯一の軸の、スタイリング（幅や色）を設定することができません、しかし options:{ scales: { xAxes: [{ gridLines: { color: "rgba(0,0,0,1)