cost 225 ms
Chart.js 自定義單獨的垂直軸標簽

[英]Chart.js customize individual vertical axis labels

我正在使用 Chart.js 創建一個水平條形圖,如下所示。 y 軸有三個標簽:A、B、C。如何分別設置這些垂直標簽的樣式? 例如,我可能希望將這些標簽中的一兩個加粗和/或紅色。 我看了這個答案: https://stackoverflow.com/a/65463614/3851085 。 但是, ...

使用chartjs,如何定義canvas的相對寬高?

[英]Using chartjs, how to define relative width and height of canvas?

使用Chart.js版本 4.2.0,我嘗試在 Windows 11 上的最大化 window 上顯示圖表,其中圖表高度是屏幕高度的 100%,圖表寬度是屏幕寬度的 80%。 我嘗試使用以下代碼 但是這個簡單的屬性並不能完成這項工作。 最后,我找到了這個解決方案 這可以正常工作,但有點棘手,因為w ...

2023-02-01 08:12:19   1   33    css / chart.js  
如何創建圖表並將其寫入 png 文件?

[英]How do I create a chart and write it to a png file?

您好,我正在嘗試使用 chart.js 創建圖表,但是我發現很難找到如何在我的 node.js 程序中創建圖表,它需要一個上下文,但由於它是本地的,所以我不確定在此處放置什么,因為它不是意味着成為一個網站,它也不會。 我想創建一個圖形並將其作為 png 輸出,有沒有辦法做到這一點? 我試過cons ...

Vue中如何使用ChartJS轉Base64Image?

[英]How to use ChartJS toBase64Image in Vue?

我正在使用基於 ChartJS 的 primevue 圖表組件。 設置幾乎相同。 文檔顯示我必須創建一個新的 Chart() 然后調用 toBase64Image(); 問題是,我不知道如何獲取Chart構造函數?<script lang="ts" setup> import Cha ...

無法在 View 中渲染來自 controller 的兩個數據集

[英]Unable to render two datasets from the controller in View

我正在嘗試在我的 ASP.NET MVC 應用程序上使用 chart.js 繪制一個包含兩個共享相同標簽的數據集的雙折線圖。 我只是從圖表上繪制的“價值”而不是“年齡”獲取數據,我找不到原因。 相關Controller代碼:public ActionResult GetLineChartData() ...

Chart.JS - 從圖表 0 更新標簽也從圖表 1 更新標簽

[英]Chart.JS - updating Labels from Chart 0 also updated Labels from Chart 1

我有兩個折線圖。 我想更新他們兩個的數據,但不知何故,在我只更新第一個圖表后,第二個圖表上的 Label 數據也同時更新。 難道我做錯了什么? 如圖所示,我同時打印了 label 圖表 0 和 1,一開始它符合預期。 但是在我使用chartRpm[0].data.labels.push(0); 圖 ...

如何在 Chart.js 中調整圖表的大小/比例

[英]How to size/scale a chart in Chart.js

我在我的代碼中使用 chart.js。 基本上,它運行良好,但我在同一個 canvas 中創建第 n 次圖表時遇到問題。我收到錯誤消息,告訴我我想先銷毀圖表。 然后我在這里找到了一些如何做到這一點的想法並將這部分代碼改編為解決方案: 它工作正常 - 至少我不再收到任何錯誤,但是當我第二次和更多次創建 ...

為什么數組中的最后一個問題沒有顯示在映射 function 中,也沒有計入分數? (反應/圖表.js)

[英]Why does the last question in the array not show in the mapping function and also not taken into the score? (react/chart.js)

我有一個包含 24 個問題的數組“問題”,但數組中的最后一個問題未顯示並計入最終分數。 而且我不明白為什么它只渲染了 23 次。 我想知道它是否與索引有關,但我無法完全判斷出了什么問題以及如何解決它。 這是我到目前為止的代碼: ...

ChartJS 圖 Label 錯誤

[英]ChartJS Graph Label Errors

我正在嘗試使用 ChartJS,並且在創建圖形時,我看到我的標簽在 X 軸上彼此堆疊。 正如您在此圖形圖像中所見。 最初,X 軸應該包含“年”,但當我第一次注意到這個問題時,我認為這可能只是一個定位問題,然后我將它從年更改為“ID”,但正如你所看到的,它仍然堆疊在彼此之上。 我確實覺得 Y 軸非常好 ...

聲明 chart.js 無法識別的變量時,我無法顯示圖表

[英]I can't get my chart to display when declaring variables not recognized by chart js

我想在我的圖表中顯示 2021 年每個月獲得的患者總數。但是圖表上沒有顯示任何信息,而是圖表消失了。 執行代碼並檢查頁面時,它告訴我未定義變量 labeldeMes 和 datosdeMes。 你能幫我解決這個錯誤嗎? 我不知道我做錯了什么 index.php 餐桌 圖表.js 這是footer.p ...

找不到正確使用 chartjs 注釋插件的方法

[英]Cannot find a way to correctly use chartjs annotation plugin with react

我目前正在嘗試在我的 React 項目中使用插件 chartjs-plugin-annotation。 不幸的是,它不起作用...... 他是我的實現: 我嘗試了不同的方法,但仍然無法正常工作。 我還查看了關於 SO 的多個問題,但找不到我的解決方案。 Chart Js 與我的實現一起正常工作,只 ...

Chart JS - y 軸上的組數組結果

[英]Chart JS - Group Array Results on y axis

我想我快要解決這個問題了,但我遺漏了一些關鍵的東西。 我有一系列“新”項目,我試圖在圖表上顯示 plot 以表明它們有多舊。 我可以加載圖表和 plot 數據,但類似的項目沒有分組到同一行。 有沒有一種方法可以強制圖表將相似的類型放在圖表中的同一軸線上? 即 2 個 SAFE AE 結果加載到同一條 ...

Svelte-ChartJS 圖表綁定

[英]Svelte-ChartJS chart binding

我正在嘗試將svelte-chartjs與chartjs-plugin-zoom一起使用。 為了以編程方式調整縮放。 為此,您必須綁定到元素上。 這可以在React-ChartJS-2中進行說明 - 請參閱下面的按鈕。 svelte-chartjs 中是否有道具來進行綁定? 就像是: ...

Svelte 和 chartjs,傳遞數據

[英]Svelte and chartjs, pass data

我正在嘗試使用 chart.js 和 svelte 創建圖表。 我以 3 種方式調用數據,只有一種有效,這不是我感興趣的。在測試 1 中,我在外部 js 中有數據並且它有效。 (數據)在測試 2 中,我將相同的數組放入 svelte 文件中,但它不起作用。 (data2) 在測試 3 中,我從 ...

如何使用 Chart.js 制作更小的標簽?

[英]How can I have smaller labels with Chart.js?

我需要一些關於 Chart.js 的幫助。我想知道是否可以使圖表的標簽更小或具有某種溢出效果。 正如您從圖片中看到的那樣,它非常龐大並且使圖表變小。 通過溢出效應我的意思是這樣的: 能夠滾動的選項。 ...

Chart.js 帶個人的分組條形圖 label

[英]Chart js grouped bar chart with individual label

我正在嘗試為每個條形圖實現一個帶有 label 的分組條形圖。 我不想將第二個 label 作為圖例,基本上我想要 2 個標簽:一個用於組,一個用於數據集中的元素。 就像是: 我需要在哪里放置第二個標簽(男/女),我將這個 label 放在數據集中,但它不起作用。 我需要在哪里放置第二個標簽(男 ...

如何將 2 個軸與 chartJS 鏈接?

[英]How to link 2 axes with chartJS?

我正在使用react-chart.js 2以散點圖形式顯示連續數據。 我想在圖表上放置選項,但其中一些無法正常工作或根本無法工作。所以我希望 x 軸不要移動,y 軸根據數據重新調整,除了我的問題是 x-軸保持固定,但 y 軸保持移動,如圖所示,0 在 x 軸上方。 安裝的react-chart. ...


 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM