删除标签并仅在条形图的工具提示中显示值
我正在使用 ChartJS 库来创建图表.在工具提示中，我显示了我创建的数据集的数据值.如果图表类型是 doughnut，它会起作用.否则它在大小写或 bar 或 horizontalbar 图表中不起作用. 无论我做什么，它都会显示带有标签的数据. 使用工具提示中的数据使用环形图的 JSFiddle. 在工具提示中带有标签+数据的条形图的工作JSFiddle. 我要做
..
chart.js相关内容
在 Chart.js 图表的 x 轴上仅显示第 n 个刻度线
一段时间以来，我一直在寻找解决方案，但由于大量已删除的文档和以前版本的库的老生常谈的答案，我没有更接近解决方案. 我正在使用 ChartJS v2 制作一个图表，其中 x 轴为季度月份名称，并且我设置了我的标签，以便仅显示每 4 个标签(即每年一个).结果是这样的: 但是，我希望它使刻度 lines 也只出现在与标签相同的第 4 个 x 轴条目上.这可能吗? 我目前的脚本标签如下
..
(Vue, ChartJS) 从子组件画布上下文为图表创建渐变背景
我想给我的图表一个渐变背景颜色，但我无法访问画布上下文，因为我的图表在我编写的包装器组件中呈现. 我想要实现的目标: 我的实际包装器看起来像这样: 从“vue-chartjs"导入 { Line, mixins };常量 { reactiveProp } = mixins;导出默认{延伸:线，混合:[reactiveProp]，道具:[“选项"]，组件: {}，挂载(){//this
..
图表 js y 轴的不同背景
..
Chart.js HTML 自定义图例问题与圆环图
我正在使用 chart.js，我按照 this创建自定义 HTML 图例.问题是，隐藏/显示功能不起作用.第一个图例点击隐藏了整个图表，而其他的则产生错误: Uncaught TypeError: Cannot read property '_meta' of undefined在 t.getDatasetMeta (Chart.min.self-b26766dbef822c075056eb70
..
ChartJS 显示时间数据的差距
我有这张图: 这是在 ChartJS 中构建的，但是在下午 1 点到 5:30 之间，没有数据. 我想要图表做的只是显示没有数据，而不是连接两个点. 这可以吗?理论上，我每 5 秒就有一个新值，但这可能会减少，所以我想我需要能够设置要加入的间隙和要显示的间隙的容差? ChartOptions 如下所示: myChart = new Chart(ctx,{类型:'线'，数
..
两点之间的Chartjs线条颜色
有没有办法在chart.js的两点之间设置特定部分的线条颜色? 我想将部分 00-07 涂成灰色，07-15 红色和 15-23 蓝色. 这是我作为 options 对象中的 data 属性传递来初始化图表的内容: var chartData = {标签:[/* 字符串的一维数组 */],数据集:[{标签: ''，data: [/* 总计的一维数组 */],填充:假，背景颜色:'#e
..
如何根据标签更改 Chart.js 点的颜色
我有一个折线 Chart.js 图表，其中标签是星期几.我想根据今天(周一 - 周日)更改点背景.我可以根据数据值更改背景颜色，但这不是我需要的.相反，我想给每一天(标签)一个不同的颜色点. 例如，这就是我可以根据数据值更改点的方式(不是我需要的) chartData: {标签:['星期一'，'星期二'，'星期三'，'星期三'，'星期四'，'星期五'，'星期六'，'星期日']，数据集:[{
..
Chart.js 将标签变成链接
如果不执行以下操作，我不确定这是否可行:在HTML 画布，但让我们确定一下. 有没有办法(相对)简单地将 Chart.js 标签转换为链接?有问题的图表是雷达图:http://www.chartjs.org/docs/#雷达图(到目前为止，我一直在使用图例，只需稍加修改库即可正常工作，但现在我应该使用标签本身.) 解决方案 你可以监听点击事件，然后遍历所有的pointLabels，检
..
chart.js 图表上的叠加线
我想知道是否可以在 chart.js 图形(例如折线图)上叠加一条线?例如，在 x 轴上，一条水平线将在图上的值为 20 处绘制 解决方案 我创建了一个名为叠加图表的东西，我已将它添加到我的chart.js 分支中(https://github.com/leighquince/Chart.js) 可以在这种情况下使用.它的工作原理与折线图或条形图相同，唯一的区别是您声明了一个名为 type
..
带有 react-chartjs-2 库的自定义工具提示
我对 chartjs 提供的默认工具提示有疑问，因为我无法在工具提示中添加 html.我一直在研究如何在工具提示中添加 html/jsx.我在这里看到了一个使用自定义工具提示的示例Chart JS Show HTML in Tooltip.有人可以给我举个例子，如何用 react-chartjs-2 库实现同样的效果? 解决方案 你必须使用 tooltip 属性中的 custom 回调来定
..
vue-chartjs 反应数据错误
我正在尝试为 vue-chartjs 使用响应式数据混合 设置初始数据的挂载函数正在运行，我可以使用 API 响应正确查看图表: fetchSessionTrends() {axios.get(端点).then(({数据}) => {this.sessions = data.map(session => session.sessions);this.sessionLabels = data
..
使用 ChartJS 单击更改点颜色
目前，当您单击单个点(折线图上)时，我可以更改它的颜色，但它会立即变回以前的颜色，我该如何防止这种情况发生? 这是我的功能: var 选项 = {onClick:函数(e){var element = this.getElementAtEvent(e);如果(元素长度> 0){元素[0]._view.backgroundColor = '#FFF';this.update();}} 我在
..
Chart.js 忽略画布高度和宽度
遵循 Chart.js 文档我正在尝试绘制一个小图表: var ctx = document.getElementById("myChart");var myChart = new Chart(ctx, {类型:'线'，数据: {标签:['15-2016'，'16-2016'，'
..
在 ChartJs v2 中显示零值的条形图
我想知道有没有办法在 ChartJs(条形图)条中显示零值? 我的意思是这样的:https://jsfiddle.net/vrg5cnk5/16/，所以第二个栏将是零级的蓝色边框. 我已经使用了这个代码: 记号:{beginAtZero:是的，分钟:0，建议最小值:0} 但我并不惊讶它不起作用. 提前致谢 解决方案 无法配置 chart.js 来执行此操作，但您可以使
..
如何在 Chart.js 中为条形设置默认颜色
这似乎微不足道，但尽我所能尝试我似乎无法找到如何为 chart.js 中的条形设置默认颜色. 我的图表正在从 ajax 请求中获取数据，并且图表呈现得很好.但是，无论是更新 Chart.defaults.global.defaultColor 还是将 defaultColor 作为选项添加到数据集都没有任何效果. 我非常感谢任何人在这里指出我正确的方向. $.ajax({类型:'GE
..
如何在 Chart.js 2 中设置轴的步长?
我使用带有 3 个 Y 轴的 chart.js 创建了一个简单的折线图:https://codepen.io/anon/pen/dZVgKw 如您所见，最后一个是从 10 到 20，中间没有任何数字.如何在此处设置步长? 这就是我添加斧头的方式: {编号:'C'，类型:'线性'，位置:'左'，滴答声:{最大:10，分钟:20，},} 谢谢. 解决方案 如何在此处设置步长
..
错误:“类别"不是注册规模
我正在尝试将 Chart.js 从 2.9.3 迁移到 3.3.0 甚至在应用更改之后 (https://www.chartjs.org/docs/latest/getting-started/v3-migration.html)我仍然收到错误: 错误:“类别"不是注册规模. 这就是我所拥有的 Chart.register(BarController, DoughnutControl
..
无法使图表 js 响应
很抱歉，如果我错过了解决问题的任何方法，我已经阅读并尝试了许多解决方案，但没有一个适合该问题. 我在一个页面上有多个图表(来自 chart.js)，但我无法成功地让它们响应，尽管: 响应式:真， 我能得到的最好的响应式显示是在扩大画布宽度和高度时，但在桌面版本中，图表会显示整个屏幕. 这是一个 fiddle.net 有人帮我吗?非常感谢. 解决方案 答案是: 1
..
数据被过滤chartJs时如何保持圆角?
我想出了这个 JSFiddle:https://www.jsfiddle.net/gcb1dyou 其中有圆角chartJs栏角.问题是当图例点击过滤数据时，角消失如下 当我点击橙色标签时，你可以看到黄色条上的圆形边框消失了. var lastVisible = 0;for (var findLast = 0, findLastTo = this._chart.data.datasets.
..