Highcharts を使用して Vue.js で積み上げドーナツ (円) グラフを作成するにはどうすればよいですか?

Highcharts を使用してドーナツ チャートを作成したいのですが、このチャートを積み上げ形式に変換できません。 Vue.js コードは次のとおりです: <template><div><b-colmd="12"style="margin-top:40px"><highcharts:options="pieChartOptions"></high

P粉980815259 2024-03-19 19:17:54 0  1  512

JavaScript - Baidu echarts チャートを変更する方法

echarts チャートの折れ線グラフを統計分析に使用します。同じデータが見つかりましたが、線が交差していません。何が問題ですか?神様にアドバイスを求めてみませんか？図に示すように、土曜日のデータはすべて 330 です。しかし、5 つの線は交差していません。&lt;script src="/Public/Admin/echarts/dist/echarts.js"&gt;&lt...

ringa_lee 2017-07-05 11:08:59 0  3  1367

チャートに表示するデータを設定しようとすると React .map が機能しない

API からのデータをチャートに表示したいのですが、その方法はわかっていますが、.map 関数を使用するとエラーが発生します。私の応答は次のようになっているので、prices[0] とprices[1] を分離してアクセスできるようにしたいのですが、これは . マップのコードです。関数: constparams=useParams()const[

P粉277464743 2023-08-17 11:56:29 0  1  544

助けを求めています: データラベルをその位置と一致してグラフ上に永続的に表示する方法

これらのデータ ラベルをグラフ上に永続的に表示して、マウスオーバー時だけでなく常に表示されるようにしたいと考えています。誰か助けてくれませんか？ [これに似た例を示します] コードも書き留めておきます。 (https://i.stack.imgur.com/TY8X1.png) 円グラフの例 //キャンバス要素を取得します varcanvas=document.getElementById('pieChart');//円グラフを作成します varpieChart=newChart(can

P粉302160436 2023-08-15 23:21:18 0  1  524

React-chartjs-2.js を使用してドーナツ チャートにテキストを挿入するにはどうすればよいですか?

グラフのタイトルが上部にあり、ラベルがドーナツ グラフの右側にある場合に、react-chartjs-2.js と Typescript を使用してドーナツ グラフにテキストを挿入する方法。私がこれまでに見つけた解決策は、サイドタグや React/TS では機能しないようです。これが私が今持っているものです: ...setOptions({応答:true,plugins:{legend:{position:'right',rtl:true,labels:{usePointS

P粉378264633 2024-03-30 15:14:29 0  1  510

同じフィールド値を持つガント チャート要素を 1 つの行に配置します

何も買えません。ガント チャートの下に添付した画像を見てください。チャートを示すすべての値がすでにあり、結果も 2 番目の画像に示すように次のようになります。 私のガント チャート ただし、これは私が得たいものではありません。これが私が言いたいことです。2 番目の写真を見ると、machine1、machine2 などの名前が表示されます。したがって、それらは重複していますが、同じmachine_idを持つ値をグループ化してプロットの同じ行に表示する必要があります。当初、そのようなマシンが何台存在するか、またそのような各グループにいくつの要素が存在するかは不明でした -> このデータはすべ...

P粉930448030 2024-02-21 17:14:01 0  1  443

図の描画に関する問題

このようなグラフはどうやって作成するのでしょうか? 私は困惑しています。

吴莫邪 2020-09-16 15:15:04 0  1  1083

PHPLOTでグラフィックが表示できない

可能であればPHPLOTについてのサポートをお願いしたいです。ダミー データを使用するとグラフは正常に表示されますが、$words 配列を呼び出すとグラフが表示されません。チャートコード: &lt;?phpinclude_once("class/ProcessaPdf.class.php");require_once'lib/phplot-5.5.0/phplot.php';//$words=ProcessaPdf

P粉211273535 2023-08-20 22:13:56 0  2  583

vue-chartjs と Pinia を使用して保存されたリアクティブ データ

私は、Pinia を使用してデータを保存し、vue-chartjs を組み合わせてリアクティブ チャートを作成するのが苦手です。この例をガイドとして使用していますが、ストアの変化にグラフを反応させるのに苦労しています。リアクティブ フォームを使用して別のコンポーネントで Pinia ストア データを変更しました。ストア データが変化しているのが確認できますが、グラフが更新されません。次のコンポーネントを使用してグラフをレンダリングしています: <scriptsetup>import{storeToRefs}from'pinia'import{useStore}fro

P粉946437474 2023-08-31 00:26:42 0  1  511

グラフデータが変更されるとGoogleグラフアニメーションが見えなくなる

Google チャートのアニメーションを適切に動作させることができません。問題は、グラフがデータを更新するだけでなく再描画し続けることだと思いますが、Google のサンプル コードと JavaScript に関する私の限られた知識に基づくと、これを修正する方法がわかりません。グラフは最終的にデータ ソースからデータを動的に更新するため、グラフを更新するボタンは含めたくありません。データの変更を適切にアニメーション化するにはどうすればグラフを更新できますか?参考: https://developers.google.com/chart/interactive/d

P粉170438285 2023-09-02 12:32:58 0  1  751

Django のハイチャート: Web ページ上にグラフの代わりに JSON データを表示する

そこで、Django の Highcharts を使用してローソク足チャートを作成しようとしていますが、Web ページにチャートを表示できず、代わりに取得したデータの JSON リストが表示されます。 iexcloud の API を使用して履歴データを取得しています。これが私のロジックです: view.py file: defcandlestick_chart_data(request):api_key='my_api_key'stock_data=get_historyal_data("AAPL&quo

P粉310931198 2024-04-02 10:06:09 0  1  469

javascript - echarts+bootstrap モーダル ボックスの小さな穴。

現在、ブートストラップ モーダル ボックスに echarts チャートを表示する PC プロジェクトに取り組んでいます。ユーザーがボタンをクリックすると、echarts チャートのコンテンツを含むモーダルがポップアップ表示されます。 1. まずモーダルボックスを作成します~ HTML: {code...} JS: {code...} 2. チャートをレンダリングします: {code...} この時点でできることは...

迷茫 2017-06-12 09:31:22 0  1  1424

図面チャート ファイルを選択するための <select> メソッドを作成します。

外部ファイルデータを使用して描画されたチャートがあります。次に、ユーザーが読み取るファイルを選択できる選択ボックスが必要です。このようにして、チャートを動的に変更できます。 vue と chartjs を使用してこの機能を実現するにはどうすればよいですか?現在、次のようにホームにデータをインポートしています:&lt;template&gt;&lt;divclass="home"&gt;&lt;Graph:vul_data=

P粉022140576 2023-08-20 10:08:18 0  1  573

d3 は自動的に双方向バインディングを行うことができますか?

D3 で描画したチャートを自動的に 2 方向にバインドできますか?データを変更し、グラフを自動的に再レン​​ダリングします

高洛峰 2017-07-05 10:38:56 0  1  874

DIV 要素を SVG ビューポート内に配置する

HTMLDIV 要素を SVG 要素に対して相対的に配置するにはどうすればよいですか? D3 を使用して SVG チャートを生成しています。右下隅の凡例の横にドロップダウンを追加したいと考えています。対応する要素 (通常の HTMLDIV 要素) はありますが、それをチャート上に正しく配置する方法がわかりません。 SVG 要素の配置は理解できますが、DIV 要素のようなものを適用する方法がわかりません。 (以下のように) ビューポートの外に配置する以外に何かアイデアはありますか?

P粉803444331 2023-09-07 17:48:48 0  1  588

python3.x - Python と oanda の模擬取引 API の 4 番目の質問

API から取得したデータを下図のようにリアルタイムのトレンドグラフとして表示したいのですが、グラフ作成には matplotlib.pyplot しか使ったことがありません。matplotlib.pyplot は静的なようですが、動的またはリアルタイムのものはありますか? ?ありがとう

黄舟 2017-05-18 10:53:19 0  2  582

Vue-Chartjs を使用して折れ線グラフを動的に効率的に更新するにはどうすればよいですか?

onMount が何らかの更新をシミュレートするチャートを更新する、この機能するコードがあります。しかし、配列を完全に分割し、OnMounted フックで新しい値を使用して再構築するのは、あまり効率的ではないように思えますか? data_values と label_values にリアクティブ コンポーネントを使用しようとしましたが、更新が開始されると最大コール スタック超過エラーが発生します。そこで私の質問は、以下のコードよりもチャートを更新するより良い方法はあるのかということです。 <テンプレート><Line:data="chartData"

P粉460377540 2024-01-29 13:35:31 0  1  565

Chart.zoom() を呼び出した後に X 軸を解放する: ステップバイステップのガイド

スクロール戦略を setScrollStrategy(AxisScrollStrategies.progressive) に設定すると、データが非常に速く受信されるため、読み込まれたページでチャートが非常に速くスクロールします。ただし、 chart.zoom({x:-200,y:180},{x:500,y:500}) を使用してグラフの開始時に特定のズームを設定することで、この問題を解決しました。その後、グラフは自動的に表示されませんX 軸をスクロールする機能はもう存在しません。X 軸をダブルクリックせずに軸を解放するにはどの関数を呼び出せばよいですか?別の問題

P粉323050780 2024-04-04 23:40:56 0  1  1549

ChartJS棒グラフにテキストを表示するにはどうすればよいですか?

chart.js varctx=document.getElementById("myChart");varmyChart=newChart(ctx,{type:'bar',data:data,options:{scales: {yAxes) を使用してチャートのバーにテキストを書き込む必要があります:[{ticks:{beginAtZero:true}}]}}、応答:true、showTo

P粉578343994 2023-10-23 14:58:30 0  2  679

R の r2d3: 2 つのプロットを同じ行に並べて表示するにはどうすればよいですか?

r2d3 パッケージを使用すると、RMarkdown で次のように単純な d3.js チャートをレンダリングできます。 barchart.js://!previewr2d3data=c(0.3,0.6,0.8,0.95,0.40,0.20)varbarHeight=Math.floor( height/ data.length);svg.selectAll("rect").data(data).enter().appe

P粉543344381 2023-09-03 16:23:03 0  1  666