chart.js相关内容

Chart.js 点击标签,使用条形图

我需要有关 Chart.js 交互性的帮助.当我点击标签时,我需要返回我点击的列(索引)编号. 我尝试使用 getElementsAtEvent,但它只有在我直接点击图表时才有效. 这 http://jsfiddle.net/yxz2sjam/ 几乎是我想要的,但 getPointsAtEvent在新版本中不再可用. canvas.onclick = function (evt) { ..
发布时间:2022-01-22 16:12:40 其他开发

ChartJS 图表未在选项卡中生成

我正在尝试在选项卡系统中使用 ChartsJS.渲染第一个选项卡中的第一个图表,但不渲染后续图表. 我相信这是因为选项卡有 display:none,所以当第一次生成图表时,它们是在零维度的 div 中创建的. 这解决了问题,但打破了标签: .vertical-nav>div.tab-content {显示:块!重要;} 考虑到这一点,我尝试了各种方法来在选项卡打开后重新生成图表, ..
发布时间:2022-01-22 16:11:59 前端开发

如何使用 TypeScript 和来自 github 的 Chartjs.definitelyTyped 来计算 Chartjs

我想使用 Chartjs(chartjs.org) 作为我的图表工具以及使用 TypeScript 的 AngularJS.我已经从 GitHub 为 Chartjs 安装了definiteTyped,以便在我的 TypeScript 编写的控制器中合并 Chartjs 图表的创建.我找不到关于做这件事的任何相关问题. 我只需要知道我们如何使用 DefinedTyped 将数据填充到图表中. ..
发布时间:2022-01-22 16:11:43 前端开发

如何向 Chart.js 圆环图添加第二组标签?

我有一个使用 Chart.js 和两个数据集创建的圆环图.该图表显示了世界各地办事处的员工数量,第二个数据集将其分为固定员工和合同员工. 这里有一个 jsfiddle:https://jsfiddle.net/tetsujin1979/tt3ch8z7/ 图形选项的“标签"属性包含办公室的名称,但由于只有一个标签数组,因此它们在第二个数据集上重复出现,并出现在它的鼠标悬停文本上. v ..
发布时间:2022-01-22 16:11:34 其他开发

如何在 ChartJS 中创建自定义图例

我需要使用 ChartJS 库为我的圆环图创建自定义图例.我已经使用 ChartJS 提供的默认图例创建了甜甜圈,但我需要进行一些修改. 我想拥有高于汽车名称的价值.另外我不喜欢粘性图例,我想将它与甜甜圈分开,这样我就可以更改字体、框的样式(例如,在文本“Audi"旁边) 我知道有一些 图例生成器但我不确定如何将它与 VueJS 一起使用 - 因为我使用 VueJS 作为框架 这 ..
发布时间:2022-01-22 16:11:26 前端开发

Chart.js 混合图表的工具提示悬停自定义

我在尝试使用 chart.js 为混合图表自定义悬停工具提示时遇到了一些问题. 我有一个显示特定产品总利润的条形图和一个显示该特定产品总数量的折线图.当我将鼠标悬停在条形图上时,我希望工具提示显示如下内容: 总利润:$ 1399.30 价格应采用两位小数格式,附加在“总利润:$"后面.当我将鼠标悬停在折线图上时,我想显示如下内容: 售出数量:40 件 这是我填充相关数组的代码: f ..
发布时间:2022-01-22 16:10:47 前端开发

在调整窗口大小之前,ChartJS 不会在引导选项卡内绘制图形

我正在使用 bootstrap 的选项卡,每个选项卡内都有 chartjs 图表. 发生的一个问题是图形画布不会在我调整浏览器窗口大小之前被绘制.最新的 Chrome 和 Firefox 都在发生这种情况. 我一直在尝试不同的解决方案,例如在更改选项卡后绘制图表但没有结果. 不幸的是,我无法在 jsfiddle 中复制问题,不知何故它似乎在那里工作.但是除了 html5 样板之外 ..
发布时间:2022-01-22 16:10:40 前端开发

Chart.js PolarArea 图表.将标签更改为 45 度角

我在网上搜索了如何解决这个问题没有成功.我见过人们使用背景图片,但这似乎很懒惰且无益.我想将标签移动到 45 度角,这样看起来更专业. 我的图表目前看起来像这样 - 但我希望它看起来像这样 - 有人对我如何做到这一点有任何想法吗? 我的代码副本在下面. new Chart(DummyChart, {类型:“极区",数据: {标签:[“Dummy1",“Dummy 2", ..
发布时间:2022-01-22 16:10:23 前端开发

如何正确使用 chartjs 数据标签插件

我正在使用 Chart.js 创建一个条形字符,我必须在每个条形上显示百分比,所以我找到了 chartjs-plugin-datalabels,但我无法使其工作,文档和示例对我来说不清楚. 这就是我得到的: HTML: Javascript: //条形图var 值数据 = [2478,5267,734,784,433];var valuelabel=["非洲", "亚洲", " ..
发布时间:2022-01-22 16:09:50 其他开发

ChartJS 条形图,带有对应于每个条形图的图例

我正在尝试了解其条形图上的 ChartJS 文档.它对我来说没有意义,因为顶部的标签在某种意义上看起来好像它只适用于第一个条形(基于颜色),而在另一种意义上,整个图表(它是唯一的标签不在工具提示中,它在前面和中间) 我一直在努力让它更像他们的折线图,它显示了一个带有标签的图例和一个与图表上的每条线相关的彩色方块.(他们没有多线图的例子,但它确实像这样工作). 数据对象中的标签属性被转换 ..
发布时间:2022-01-22 16:09:43 前端开发

使标签在图表 js 中响应

我很难使 y 轴上的标签具有响应性.我希望标签移动到多行并在空间不足时具有响应式字体大小.我正在使用 chart.js 数据标签用于在水平条形图顶部标记的库.由于外部图表容器,标签也被隐藏了. var chart = new Chart('ctx', {类型:'水平条',数据: {标签:[“某事某事某事",“等等等等……",“等等等等……",“某事某事某事"],数据集:[{数据:[6, 87, ..
发布时间:2022-01-22 16:09:28 前端开发