问题标签 [chartjs-2.6.0]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
670 浏览

javascript - 图表.js | 如何检测折线图数据中的峰值/峰值

Chart.js 2.6.0

预期产出

我有一个问题要解决,我需要用数据生成这个图表:

在此处输入图像描述

我以某种方式设法生成了这个图表。

在此处输入图像描述

问题

  • 我正在寻找检测数据山峰的最佳方法,以便我可以arc在顶部放置一个点()。
  • 有没有办法像上图那样在 x 轴上放置标签?我的意思是每秒钟都有一个标签21

到目前为止的代码

要点:https ://gist.github.com/shivabhusal/efb48db79128ffd926cc25960a1d875c

我自己重写了draw函数Chart.js并绘制了线和点。

任何帮助将不胜感激,谢谢。

注意:我的数据不能保证在峰会上是尖的;有时它会变得平稳。


必要的 CodePen 是https://codepen.io/shivabhusal/pen/LjWyMe?editors=0010

0 投票
1 回答
1811 浏览

javascript - 如何在 chartjs 2.6.0 中单击时获得条形高度

我有一个条形图。当我单击其中一个栏时,我希望它返回其高度。我曾尝试将鼠标 clcik 事件添加到图表,但没有奏效。那么如何在单击时获得条形高度?

这是我用来创建图表的代码..

谢谢你的帮助!

0 投票
1 回答
6573 浏览

javascript - Chartjs:如何在 y 轴上仅显示最大值和最小值

我想覆盖 Chart JS 中的漂亮数字算法,并在 y 轴上仅显示两个标签(或刻度):值的最大值和最小值。这些值都是浮点数。我看到回调函数(yAxis.ticks.callback)已经计算出了刻度,所以我不认为这是做它的地方。任何帮助,将不胜感激。

0 投票
2 回答
6027 浏览

javascript - ChartJS:鼠标悬停时在图表上的数据点绘制垂直线

当使用 Chart JS 将鼠标悬停在数据点上时,我无法弄清楚如何在折线图上绘制垂直线。我希望这条线保持在图表矩形的范围内,这样它就不会延伸到刻度区域。任何帮助,将不胜感激!

0 投票
0 回答
1185 浏览

chartjs-2.6.0 - chart.js-plugin-annotations 重复出现值上的多条垂直线

我正在使用 chart.js 2.6 和 chart.js-plugin-annotations 0.5.5 创建图表。

我想对每次出现的“00:00”进行注释以显示一天的结束。我试图有 2 个注释,但两者似乎都与“00:00”的第一次出现一致。

任何想法如何做到这一点?

0 投票
0 回答
26 浏览

javascript - chartjs省略了一些图例

我刚刚尝试了 Chartjs 并面临两个问题。我愿意展示一个双馅饼(一个在另一个上面),以便在另一个中显示一个的细节。

问题:对于值和子值,我有不同的标签。但是在构建第二个图表时,chartjs 再次交互,导致前 3 个标签加倍。我想要的是在小馅饼上放三个第一个标签,在大馅饼上放其他标签。

谢谢你帮我解决这个问题。

0 投票
1 回答
263 浏览

javascript - 如何在js中删除以前的饼图并添加新的饼图

我开发的饼图如下chartjs V2.6.0。每当我在同一个饼图中搜索新数据时,它都能正常工作,它会在悬停时显示以前的数据。我尝试了$('#canvas').remove();方法,但它不起作用。

0 投票
2 回答
2007 浏览

javascript - 在 mouseenter generateLegend Chartjs 2 上突出显示甜甜圈段

正如标题所说,我试图根据图例(在 mouseenter 事件上)突出显示图表中的一个段。我正在使用generateLegend创建我的自定义图例,但我不确定如何将 mouseenter 事件附加到每个项目。

这是我到目前为止的链接

任何有关代码的提示或帮助都会很棒,我已经花费了数小时但没有成功,文档对此也不是很清楚。

0 投票
0 回答
1470 浏览

javascript - 如何将按钮添加到 chart.js 图表

如何在 chart.js 图表中添加按钮?我想创建一个向下钻取的饼图。使用图表 onClick 函数,下钻效果实际上非常简单。但我想添加一个按钮以转到画布的顶层。我不想将它放在画布之外我发现了一个不同图表库的类似示例。

https://www.highcharts.com/demo/pie-drilldown

0 投票
1 回答
1017 浏览

javascript - Chart.js:散点图控制器不适用于绘图功能

按照此链接使用 draw() 函数扩展 Scatter 类型,以在中心打印“未找到数据”,但使用 Y 轴刻度。

这是代码:

我正在获取 Y 轴刻度,但在图表的中心没有看到 No data found 作为文本。它似乎不起作用。

看了这个这个堆栈溢出的答案来提出这个解决方案。

注意:这里并没有说他们有 Scatter 的内置类型。是这个原因吗?

任何其他方法或任何其他帮助将不胜感激。