cost 136 ms
使用 Chart.js v3 避免显式“任何” - Avoiding explicit 'any' with Chart.js v3

我们最近将我们的 Chart.JS 库从 v2 升级到 v3,部分原因是为了在我们的 TypeScript 代码中使用新的集成类型注释,但是我们遇到了一些问题,我们被迫使用显式“任何”类型转换以使代码工作。 有没有办法解决? 示例:将 ChartDataset 设置为显示为虚线: 按预期工作,但如 ...

Chartjs:Moment 和 ChartJS 时间格式解析 - Chartjs: Moment and ChartJS Time Format Parsing

我需要使用时间格式制作条形图,我以这个为基础开始,但库版本旧,我需要使用新的但它不起作用,有人可以帮助我吗? 值必须以小时:分钟:秒为单位。 这是目前为止的代码 这里是目前为止的代码 这里是目前为止的代码 这里是目前为止的代码 这里是目前为止的代码 这就是我要的 ...

ChartJS v3.X - 限制画布上标签的字符串大小,而不更改工具提示悬停字符串 - ChartJS v3.X - Limit the string size of label on canvas, without changing tooltip hover string

所以,我有一些使用非常旧的 Chart.js 版本 2.x 的旧图表代码,但现在由于需要一些仅在版本 3.x 上才能找到的功能,我正在从网站上的旧图表中更新大量代码因为很多语法在版本之间发生了变化。 我刚刚完成了所有图表的更新,它们使用插件等工作得很好,除了一个。 在这种type: 'bar'图 ...

如何创建具有两条线的折线图,其中一条被填充,另一条保持在填充线的前景? - How to create a line chart with two line, with one of them being filled, and the other staying on the foreground of the filled line?

我有以下图表: 如何确保蓝线未填充,但同时保持在已填充的红线之上? 以文档中的折线图示例为例,我尝试过使用drawTime属性,但如您所见,蓝线在红线的前景上,但它已被填充(我希望蓝线在前景,但未填充)。 这是我到目前为止所拥有的: 数据: const data = { labels ...

Chart.js - 饼图计算图例点击后可见值的总和 - Chart.js - Pie chart calculate sum of visible values after legend click

我使用 Chart.js 显示饼图及其图例。 当用户单击图例标签以禁用\隐藏它时,我想重新计算饼图中剩余的所有可见部分的总和。 我已经覆盖了默认的 Legend Click Handler 并尝试在其中执行此操作 - 我不确定这是否是这样做的地方,但这样做似乎合乎逻辑。 ...

是否可以显示与 chart.js 中的每个条对齐的每个图例 - Is it possible to show each legends aligned with each bar in chart.js

我使用 Chart.js 制作了一个水平条形图。在默认设置中,所有图例都像这样一起显示 他们之间没有差距。 我想像这样显示与每个条对齐的每个图例 我尝试了很多解决方案,但没有一个有效。 是否可以显示与 chart.js 中的每个条形图右对齐和居中对齐的图例? 我正在使用 Chart.js (v.3. ...

如何在 chart.js3 折线图中沿 y 轴方向移动原点,以便 x 轴通过 (0,0) 以外的其他点? - How to shift the origin along y-axis direction in a chart.js3 line chart, so that x-axis pass through a different point other than (0,0)?

我正在使用 chart.js 到 plot 的数据集,它是两个变量的比率,范围从 10 到 -10。 但大多数时候它都在 y=1 附近摆动。 我正在尝试在 chart.js3 的帮助下 plot 填充此数据集的行 plot。 当填充方向低于 1(即 y<1)而不是默认 y=0 时,如何更改填 ...

Chart.js 3.7.1 折线图 - 如何在 y 轴上单独设置每个 label 的格式? - Chart.js 3.7.1 Line Chart - How can I format each label individually on the y axis?

我有一个折线图。 数据介于 -10 和 10 之间。y 轴上的标签是正确的(-10 到 10 递增 1)。 我需要每个 label 的颜色都不同,基于 colors 的数组。标签的数量和 colors 的数量都是 21(-10 到 10,包括 0)。 我真的很喜欢渐变的“条带”,以便每个 labe ...

2022-03-17 16:48:18   1   457    chart.js3  
Chart.js 3.7.1 - 如何控制折线图 y 轴上的刻度数? - Chart.js 3.7.1 - How can I control the number of ticks on the y axis of a line chart?

数据将始终是 -10 到 10 之间的整数,包括 0,因此 y 轴上最多可以有 21 个“间隔”。 无论数据如何,我都需要 y 轴以 1 为增量显示从 -10 到 10(包括 0)。因此无论数据如何,我在 y 轴上总共需要 21(刻度?)。 根据文档,我试过这个:我也试过没有 steps 参数: ...

2022-03-17 12:40:41   1   962    chart.js3  
将数据添加到折线图(chart.js 和 Vue.js)导致“太多递归”错误 - Adding data to line chart (chart.js with Vue.js) results in 'too much recursion' error

我正在使用 chart.js 和 vue.js。我有一个折线图,我想添加数据(稍后由 SSE 自动添加)。 我修改了另一个示例,但错误仍然存在。 它在调用 this.moonData.push(或 this.testData.datasets[0].data.push)时“崩溃”。 它必须与 moo ...


 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM