腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(140)
视频
沙龙
1
回答
Chart.js
v3
:
工具
提示
回
调
无法
识别
堆叠
条形图
的
单击
数据
集
javascript
、
chart.js
、
stacked-chart
在
Chart.js
v2中,ChartTooltipItem[]
的
datasetIndex属性标识
单击
了
堆叠
条形图
的
哪一段。这允许为
堆叠
条形图
的
每个部分自定义
工具
提示
内容。在
v3
中,TooltipItem[]提供
数据
集
,但不标识
单击
了哪个
数据
集
。每个TooltipItem都有一个dataset
浏览 12
提问于2021-07-25
得票数 2
回答已采纳
1
回答
ChartJS 3.8.0叠加条形组合标签
javascript
、
chart.js
使用
chart.js
3.8.0,是否有可能将标签合并到
堆叠
的
条形图
上?我发现
的
最接近
的
解决方案是添加
工具
提示
页脚
回
调
,并手动在
工具
提示
中添加额外
的
文本,但它不包括与该
数据
集
关联
的
图例/颜色图标。示例HTML:<head></head> &
浏览 5
提问于2022-06-15
得票数 2
回答已采纳
1
回答
如何用
Chart.js
中
的
模式:索引更改
工具
提示
的
外观
javascript
、
graph
、
chart.js
、
tooltip
我想改变
Chart.js
在使用index模式时呈现
工具
提示
的
方式。默认情况下,
Chart.js
会显示每个
数据
集
的
工具
提示
之间
的
分行符。我需要改变这种行为。我尝试使用label
回
调
函数,但似乎
Chart.js
对每个
数据
集
都调用了一次函数,而不是在合并
工具
提示
之后。当前
工
浏览 1
提问于2019-03-22
得票数 1
回答已采纳
1
回答
堆叠
条形图
上
的
Chart.js
动态
数据
集
和
工具
提示
javascript
、
charts
、
chart.js
我想创建一个
堆叠
条形图
。我想要实现
的
就像下面的图片。 因此,第一个
堆叠
的
条形图
由两个
数据
表组成;15和30,总和为45。当用户悬停第一个
堆叠
栏时,它将显示
工具
提示
;"15 (1-3)“表示底部栏,"30 (
浏览 12
提问于2020-02-10
得票数 0
回答已采纳
1
回答
chart.js
-取消选择图例时,
工具
提示
回
调
函数忽略隐藏
数据
集
javascript
、
chart.js
、
tooltip
、
linechart
我正在使用具有
堆叠
数据
集
的
chart.js
线形图。 当悬停在单个
数据
点上时,它只显示当前
数据
集
的
值。 我在该值旁边添加了(此
数据
集
和“下方”
数据
集
的
总和)。在我从图例中取消选择一个
数据
集
之前,这种方法工作得很好,因为总数不会更新,也不会忽略隐藏
的
数据
集
。 这
浏览 17
提问于2019-04-09
得票数 1
回答已采纳
1
回答
Chart.js
:显示自定义
工具
提示
,总是可以在
堆叠
条形图
上看到
javascript
、
asp.net-mvc
、
chart.js
在我
的
MVC项目中,我使用
chart.js
(v2.8.0)来构建一个有3个
数据
集
的
堆叠
条形图
。 这就是我当前用于图表
的
js
浏览 5
提问于2019-11-05
得票数 1
回答已采纳
1
回答
把
工具
提示
放在两个条子
的
中间
chart.js
、
chartjs-2.6.0
我正试图将一个自定义
的
Chart.js
工具
提示
放在两个
条形图
的
中间。我对
chart.js
文档和不同
的
帖子进行了研究,但没有发现任何不同
的
方法,而是使用以下代码段定位它(我使用jquery并执行一个切换类来隐藏/显示
工具
提示
,请关注我用来定位
工具
提示
的
值): function,但是,它并没有增加更多
的
意义,如何把
浏览 0
提问于2018-10-10
得票数 0
回答已采纳
1
回答
工具
提示
与重叠
数据
垂直关闭,在ChartJS中
javascript
、
chart.js
我已经用ChartJS设置了一个
堆叠
条形图
,但是在定位
工具
提示
时有一些问题。如果
数据
集
重叠(堆栈),则
工具
提示
垂直关闭。,这是ChartJS中
的
一个bug,还是我设置
的
错误?请参见
的
示例 注意,在图表
的
右侧,
工具
提示
是正确
的
,在那里,条形和线条不重叠。但在左手边(
数据
集
A、C和E)会出现问题。
浏览 0
提问于2016-05-26
得票数 0
1
回答
是否可以为
Chart.js
图表中
的
每个
数据
集
值定义
数据
属性?
chart.js
是否可以为
Chart.js
图表中
的
每个
数据
集
值定义HTML5
数据
属性?目标是使用与目标
数据
集
值相关
的
附加信息来增强默认
工具
提示
信息(例如,X轴值和Y轴值)。在下面的示例中,显示了一个图表,其中显示了6个孩子使用
的
尿布总数。当
工具
提示
显示时,它会显示孩子
的
名字和尿布数量。我希望
工具
提示
也能显示年龄和性别,并且<e
浏览 15
提问于2019-08-31
得票数 1
回答已采纳
1
回答
Chartjs
v3
工具
提示
标签在自定义
回
调
中不显示
工具
提示
标签颜色
chart.js
、
tooltip
我已经使用chartjs
v3
创建了折线图。我使用了自定义
的
工具
提示
回
调
函数来显示隐藏
数据
集
/系列上
的
工具
提示
数据
,但我不知道为什么label color squar只在一个系列上显示。
浏览 49
提问于2021-06-18
得票数 0
2
回答
带背景
Chart.js
的
单条
javascript
、
charts
、
html5-canvas
、
chart.js
、
chart.js2
我想用
Chart.js
绘制一个水平条,但是我想要一个默认
的
背景色(这是最大值),并用另一种颜色绘制当前值。就像下面的图片一样。我该怎么做呢?
浏览 0
提问于2017-01-10
得票数 2
3
回答
是否在禁用悬停(鼠标移动)事件时将光标更改为
Chart.js
条形图
上
的
指针?
javascript
、
chart.js
我们为Angular 5应用程序中
的
条形图
使用
Chart.js
(2.6.0版),客户端希望我们禁用图表交互
的
悬停事件(他们只想让
条形图
发生变化,并在用户
单击
条形图
时显示
工具
提示
)。在
条形图
选项对象中,我们为events属性定义了以下内容:这将禁用
条形图
浏览 3
提问于2018-03-01
得票数 6
1
回答
图表中高级图表
的
负
条形图
highcharts
、
chart.js
我一直在玩Chartjs来生成类似于
的
东西,但没能接近它。这个应用程序已经完成了,它似乎是浪费购买高图表,从图表迁移到这个单一
的
图表。 有没有办法让Chartjs输出类似的东西?我试着在单独
的
画布中并排创建两个水平
条形图
;当我看到输出时,行为不是我想要
的
。
浏览 0
提问于2018-01-25
得票数 2
回答已采纳
1
回答
如何通过
单击
事件访问或获取图表上特定图形
的
值?
vue.js
、
vuejs2
、
chart.js
、
vue-chartjs
我用vue-chartjs绘制一些图表,如线条、
条形图
等. } 在
浏览 0
提问于2018-07-07
得票数 3
回答已采纳
1
回答
如何从tooltip -
Chart.js
访问特定
的
数据
值
javascript
、
chart.js
我尝试将对象数组作为
数据
传递给图形
数据
,包括x
的
值和要在每个
工具
提示
中使用
的
其他一些值。 在我
的
数据
数组中,每个对象都包含x和value变量
的
值。我想在tooltips中访问这个value,最后在
工具
提示
中显示鼠标悬停在每个图形
数据
上时出现
的
值。下面是我
的
代码: var myChart = new Chart(ctx, { type:
浏览 8
提问于2019-04-12
得票数 4
回答已采纳
2
回答
Chart.js
使此图表更具可读性/可滚动
javascript
、
html
、
jquery
、
css
、
chart.js
我使用
chart.js
来生成这个
堆叠
图。问题是,图表太小,用户
无法
阅读图表(
堆叠
部分非常重要,缺少X轴上
的
一些
工具
提示
(
数据
集
有点大)。我希望图表在我
的
网页中占据一个非常具体
的
位置。有没有一种方法可以使X轴上
的
比例更小,并且可以简单地水平滚动图表? data, plugins: {
浏览 45
提问于2021-07-08
得票数 0
回答已采纳
1
回答
Charts.js如何在
单击
条形图
时添加链接?
javascript
、
jquery
、
chart.js
如果有人有时间帮助我,告诉我如何添加一个动态链接,当我点击我
的
条形图
中
的
一个
条形图
。我正在使用最新
的
charts.js (2+)。这是我
的
条形图
的
代码 新图表(document.getElementById(“净效益”),{>类型:'bar',>
数据
:{>标签:{ process_net_benefit_name|safe },>
单击
: onClick,>
数据
浏览 1
提问于2020-07-24
得票数 0
1
回答
在图例悬停时突出显示线条系列
javascript
、
html
、
chart.js
、
linechart
我真的很喜欢
chart.js
,但我正在努力创建自定义事件(没有太多
的
经验,所以还在学习) 当图例
工具
提示
悬停时,我试图突出显示一条完整
的
线条或
条形图
系列,实质上是将
数据
集中
的
所有元素显示为悬停样式。我正在尝试通过图例onHover
回
调来做这件事,但是不确定这样做是否正确?我设法找到了悬停
的
数据
集
,但却很难运行updateHoverStyle来突出显示该系列。这就是我到目前为止所做<
浏览 6
提问于2017-03-06
得票数 4
回答已采纳
1
回答
vega-lite和vuejs -关闭
工具
提示
javascript
、
vue.js
、
vega-lite
、
vega
我正在用Vue.js SPA中
的
vega-lite绘制
条形图
。主
数据
层
的
编码部分如下所示: encoding: { y: {field: 'count$router.push({path: 'words', params: {word: word}}); } 所有这些都完全符合我
的
预期:将鼠标悬停
浏览 18
提问于2021-01-07
得票数 0
9
回答
Chart.js
V2:在
工具
提示
标签中添加前缀或后缀
chart.js
在
Chart.js
V1.0中,我将添加tooltipTemplate: "<%if (label){%><%=label %>: <%}%><%= '€' + value %>"作为
工具
提示
标签
的
前缀添加一个欧元符号
浏览 2
提问于2016-01-11
得票数 53
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
如何使用CHARTJS创建JAVASCRIPT图表
前端开发者常用的 9个JavaScript 图表库
“CAD技巧”快速绘图不可不知的25个CAD经典技巧
【CAD技巧】快速绘图不可不知的25个CAD经典技巧
从VGG到NASNet,一文概览图像分类网络
热门
标签
更多标签
活动推荐
运营活动
广告
关闭
领券