charts相关内容

使用 Chart.js 创建多折线图

我正在尝试使用 Chart.js 创建多线图 我可以为 1 行执行此操作,我可以使用固定数据结构执行 2 行,但我无法获取多行来显示传递给数据结构的数据. 这里是从chart.js网站缩写的示例用法 http://www.chartjs.org/docs/#getting-started var myLineChart = new Chart(ctx).Line(data); ..
发布时间:2022-01-22 16:00:07 前端开发

Chart.js 图片在甜甜圈段内

我发现了关于 chart.js 和我希望为我的网站使用圆环图,我找到了一个示例,我可以从中获取基础知识:https://jsfiddle.net/9wp4f693/2/ 我只发现了这样的东西,但它是在段内绘制文本,而不是添加图片. 函数drawSegmentValues(){for(var i=0; i 但我想在我的片段中添加图片,类似这样,但我不知道该怎么做: 解决方案 没有用 ..
发布时间:2022-01-22 15:56:38 前端开发

Chart.js:如何更改任何尺寸的 x 轴刻度标签对齐方式?

如何将我的 x 轴上的标签移动到另一个 x 轴标签之间.似乎没有任何效果,我无法在文档中找到任何内容.有解决方法吗?我正在使用折线图时间序列.https://www.chartjs.org/samples/latest/scales/时间/financial.html 目前,我使用代码生成下图: var cfg = {元素:{观点: {半径:4}},数据: {数据集:[{标签:'vsy', ..
发布时间:2022-01-22 15:54:43 前端开发

Charts.js 缩放 yaxes 刻度 min max 不起作用

我有一个带有charts.js 图表的HTML 页面.我正在尝试设置图表的最小值和最大值,但我无法设置最小值和最大值.我搜索了不同的帖子,但他们都说同样的话,我很确定我已经这样做了...... >秤:{>y轴:[{>滴答声:{>分钟:-100,>最大:100>}>}]>} 我就是想不通怎么回事. ..
发布时间:2022-01-22 15:53:57 前端开发

chartJS v.2 上的圆角 - 条形图(带负值)

我正在设计一些 chartjs 条形图,这些条形图需要在条形的值(不是它们的底部)处有圆角,在大多数情况下,这意味着条形顶部的圆角,但是也有一些条形具有负值的情况. 我在这里使用了答案:如何为 Bar Chart.js v2 创建圆形条? 由 jordanwillis (https://stackoverflow.com/users/7581592/jordanwillis) 在值为正时效果 ..
发布时间:2022-01-22 15:53:27 前端开发

如何在 Chart JS 栏中隐藏值

我尝试将值隐藏在条形图的条内.这样做的原因是我将值放在了条形图的顶部,并且该值不应显示两次. 我尝试了不同的选项来隐藏该值,但没有奏效. 在下面你可以看到一个截图,我想删除条内的数字. 条形图 解决方案 默认情况下,Chart.js 本身不绘制任何数据标签(值).您很可能已经激活(导入)了一个插件,例如 chartjs-绘制这些值的插件数据标签: ..
发布时间:2022-01-22 15:53:04 前端开发

Chart.js 压缩条形图上的垂直轴

我有一个数据集,其中最后一个值总是很高.这导致我的条形图出现问题;如果不将鼠标悬停在它们上面,几乎所有其他值都很难感受. 这是截图: 这就是我想要达到的目标; 所以我的问题;这在 vanilla Chart.js 中是否可行,还是我需要一个插件?如果是这样;有现成的插件还是我需要自己写一个? 我也愿意接受最初问题的替代解决方案. 我已经在整个互联网上寻找类似的东西,但 ..
发布时间:2022-01-22 15:49:30 前端开发

悬停在chartjs饼图上时画布填充文本消失

我正在使用来自 chartjs 的圆环图,在此画布的中心我填充了两行文本.这些在初始动画之后显示得很好,但是当我将鼠标悬停在甜甜圈上时,会显示相关元素的工具提示(这是预期的),但填充文本消失了.为什么会发生这种情况以及我该如何纠正它? 这是我用来在画布上生成文本的代码 var pieChart = document.getElementById("pieChart").getContext ..
发布时间:2022-01-22 15:48:22 前端开发

Chart Js 可点击栏

我想让我的图表 js 栏可点击.我想添加点击功能,例如链接.不知道如何进行.已阅读文档 10 次... var ctx = document.getElementById('myChart').getContext('2d');var myChart = new Chart(ctx, {类型:'酒吧',数据: {标签:['现在','-1h','-2h','-3h','-4h','-5h','-6 ..
发布时间:2022-01-22 15:47:24 PHP

如何将工具提示添加到 chart.js 图表

我正在开发一个 web 应用程序,我最近用 chart.js 交换了谷歌图表,因为它在视觉上更具吸引力.但是,我遭受的一个损失是我无法再在数据点上方获得工具提示.我想知道是否有人知道如何做到这一点,因为我是 javascript 的新手.这是图表和设置的代码: var 数据 = {标签:graphData[0],数据集:[{填充颜​​色:“rgba(200,160,100,0.5)",stro ..
发布时间:2022-01-22 15:45:40 前端开发

如何在条形图 Chartjs 上绘制水平线

我有以下绘制条形图的脚本,我想在特定的 y 点上添加水平线.我正在尝试以下示例 link我只是用 Chart.types.Bar.extend 替换了 Chart.types.Line.extend但结果我得到 can not read property extend of undefined那么有人可以帮助在链接中正确实施上述示例或提出另一个决定 我的源代码没有横线 var ctx = ..
发布时间:2022-01-22 15:42:37 前端开发

如何使用图表 js 或其他库绘制甘特图

我想画下甘特图 图表js中没有绘制甘特图的选项.是否可以??如果不可能,请建议我一些图表库来绘制这样的图表 解决方案 我建议你散点图.在散点图中,您可以绘制多条独立的线.如下图所示. [示例代码] var scatterChart = new Chart(ctx1, {类型:'线',数据: {数据集:[{标签:'分散数据集',背景颜色:“rgba(246,156,85,1)" ..
发布时间:2022-01-22 15:39:46 前端开发

在 v2 的 chart.js 中的图表上绘制水平线

我使用chart.js 绘制了一个折线图.对于标签和数据集,我从数据库中获取值.我是 chart.js 及其非常强大的库的新手,但我无法完全理解它.我想画多条水平线.就像数据集的平均值,标准偏差以及最小值和最大值一样.我已经在stackoverflow中尝试过这个问题,但是这些都给出了错误,或者我可能无法理解工作.这是我的 chart.js 代码 function display_graph(i ..
发布时间:2022-01-22 15:38:14 前端开发