问题标签 [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 投票
1 回答
2653 浏览

javascript - Chart.js 同一标签的多列数据

我正在使用 Chart.js 2.7,我想为同一个标签显示多列数据。例如,我想要一个以一年中的月份作为标签的图表,但要显示每个月的每一天的数字,而不是每月的数字。因此,对于单个标签,我将拥有大约 30 列数据。

这可能吗?

0 投票
1 回答
739 浏览

jquery - 仅显示折线图中的点

是否可以只显示折线图中的点?我有这个基本的折线图,我想隐藏它的线条和填充,所以它只显示点。

这是我的代码:

对此的任何帮助表示赞赏。提前致谢。

0 投票
1 回答
9851 浏览

javascript - 使用 Chartjs.org V2.7 过滤图例项

我正在构建一系列圆环图,我想删除图例中的第二项,所以当我使用 generateLegend() 方法生成图例时,我只想获得第一个值。

文档中有一个选项读取

从图例中过滤出图例项。接收 2 个参数,一个图例项和图表数据

但我找不到如何使用它的示例。在这支Pen中,您可以看到中间的 2 个标签,我只想显示第一个标签。我尝试了不同的方法,但没有成功。仅删除该项目对我不起作用,因为该<li>项目仍然存在。这是我正在使用的代码。

在此先感谢您的任何指点。

0 投票
2 回答
2660 浏览

chart.js - 在折线图js上绘制边框

我正在使用 ChartJS 创建带有元素的折线图。我想知道是否可以在元素的左侧和右侧设置边框?这是我的图表,如果你有两个相邻的元素并且它们具有相同的颜色,它会变得混乱。 https://i.stack.imgur.com/97r5w.png

我在支持它的文档中找不到任何东西,所以我认为我必须自己使用 js 来绘制它,但我希望有人首先有一个解决方案:)
如果我必须自己绘制它,我会遇到问题,因为由于时间轴 (X),每个元素都可以有不同的宽度。你有什么想法来解决这个问题?

更新

图表中的每个元素都是一个新数据集,并获取一个渐变对象作为背景颜色,并将填充集设置为 true。这是我将新数据集推送到图表中的示例

这是我的问题的一个小提琴

https://jsfiddle.net/fa8hvhtv/1/

0 投票
1 回答
2275 浏览

chart.js - 图表区域的高度(不是画布大小)?

因为 GitHub 告诉我“不要为问题或支持请求创建问题”。并没有提到另一个地方问一个问题,我猜这就是地方?

如果我想为图表设置特定大小(但不是画布的整体大小),有人知道这是否可行吗?我的原因是我的 X 轴标签可能会变得很长,当这种情况发生时,我只是增加了画布大小,但这显然会完全改变整个大小。所以我想为图表区域和x轴标签区域设置单独的大小......

0 投票
1 回答
15155 浏览

chart.js - 如何更改chartjs中的背景并删除背景线?

如何更改背景颜色,并删除此行,以及如何更改一些 tex,

例如:点的文本,当你将鼠标悬停在某个点上时,你会得到这个的标题和值。

在此处输入图像描述

我的js

0 投票
1 回答
1126 浏览

javascript - ChartJS2 ReactJS 中相同类型的多个图表 - 错误工具提示

当我尝试在同一个组件中两次渲染饼图时,我的自定义工具提示出现错误。

在我的容器组件内部,我正在渲染两个看起来像这样的图表......

<PieChart />是一个组件,它负责动态创建自定义工具提示,然后使用 ChartJS2 饼图组件将它们与数据一起显示。

如果在容器组件中我只使用<PieChart />一次,一切都会正确呈现。当我第二次尝试使用它时,这就是工具提示出错的地方。第一个饼图似乎可以正确呈现,但第二个饼图似乎具有第一个图表和第二个图表的工具提示。

这是一个直观的屏幕截图示例。您可以看到原始工具提示后面的第二个工具提示:

看起来好像所有修改原始饼图的东西也修改了第二个饼图。有什么方法可以确保每个 Pie 实例修改独立于另一个?

0 投票
3 回答
10391 浏览

javascript - ChartJs 图表不会更新新值

首先,很抱歉英语不好。

我使用 ChartJS 生成图表有一段时间了,但今天我偶然发现了一个我似乎无法找到答案的问题。我正在使用一个函数将数据动态添加到我的图表中,然后对其进行更新。当我只需要添加另一个数据集时它就可以工作,但是当我尝试编辑现有数据集时,我可以将值(似乎正确)获取到图表数据集中,但是,图表不会显示新值,即使在之后一个更新()。

HTML:

创建图表的函数:

这是我的更新脚本:

我第一次得到这个时运行脚本:

再次运行它会更新我的数据:

这是我的数据的正确值,但是,图表根本不会更新以显示这些值。

我不确定这是否是一些愚蠢的错误,但我现在迷路了。如果有人能发光,那就太好了。谢谢!

(PS:如果你们需要更多信息,请告诉我)

编辑 只是为了澄清,更新后我需要同一数据集中的两个数据,2条数据。

0 投票
1 回答
1079 浏览

javascript - 将 Chart.js 折线图上的 scaleLabel(无刻度或标签)顺时针旋转 90 度

如何将 yAxis 上的 scaleLabel 显示顺时针旋转 90 度?不是刻度或标签,而是通常位于 yAxis 左侧的单个元素。在此示例中,包含字符串:labelString:'My Label'

我的 jsfiddle:https ://jsfiddle.net/aq57fxjp/

0 投票
0 回答
138 浏览

python - 没有导航到 django chartjs 中的模板页面?Django 版本:1.10.8 和 Python 版本:3.6.3

我是 django 的新手,我需要开发基于图表的应用程序我正在使用 chart.js 库创建折线图

Django 版本:1.10.8 & Python 版本:3.6.3

我已经安装

点安装 django-chartjs

INSTALLED_APPS 设置:

INSTALLED_APPS = ('chartjs',)

创建 HTML 文件

在此处输入图像描述

使用标签和数据定义创建视图 在此处输入图像描述

并添加 urls.py 文件和静态文件。当我运行这个应用程序时,它只返回 json 数据,但如果我的代码有任何错误,我想显示图表。它不能导航到 html 页面。

参考链接 http://django-chartjs.readthedocs.io/en/latest/

网址.py