顶点图表将点击事件添加到标签
羽毛球
我有一个线形区域的顶点。
看起来像这样：
我成功地向数据点添加了onclick事件。
但我想在标签上添加onclick事件（例如01、02、03、04、05），
有人知道该怎么做吗？
我用于数据点的代码是这样的：
var options = {
chart: {
height: 400,
type: 'line',
stacked: false,
events: {
dataPointSelection: (event, chartContext, config) => {
var selecteddate = pad(config.dataPointIndex + 1, 2);
console.log(selecteddate);
}
}
}
这可行，但是如何将事件添加到标签？
还是不可能？
羽毛球
我设法通过向页面添加事件监听器来做到这一点。
它可能不是标签，但工具提示也很棒。
$(".apexcharts-xaxistooltip").click(function(){
var selecteddate = $(this).text();
// do something
});
之后，我还将覆盖工具提示的CSS。
.tooltip-inner {
background-color: #00acd6 !important;
/*!important is not necessary if you place custom.css at the end of your css calls. For the purpose of this demo, it seems to be required in SO snippet*/
color: #fff;
}
.apexcharts-xaxistooltip{
opacity: 1;
pointer-events: all;
}
.apexcharts-xaxistooltip:hover{
background: #46A7B3;
color: white;
cursor: pointer;
}
这给了我很好的悬停效果和可点击的光标。
这样，工具提示就可以单击，并且在悬停时不会消失。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
将标签添加到Google图表
- 2
将点击事件添加到矩形？
- 3
将悬停事件添加到mxGraph中的顶点
- 4
将点击事件添加到主菜单中的所有“ a”标签
- 5
HighCharts堆积的列，将Onclick事件添加到图表
- 6
将点击事件添加到数据表
- 7
如何将点击事件添加到kendoGridCellTemplate
- 8
将点击事件添加到JavaFX TableCell
- 9
将点击事件添加到所有选定的元素
- 10
将事件点击添加到标记 openlayers
- 11
点击将课程添加到li标签
- 12
将点击事件添加到元素，但不将其子元素添加到角
- 13
将事件添加到表单中的所有标签
- 14
将图像添加到Google图表
- 15
将图表添加到 RDLC 报告
- 16
Google图表：如何将选择事件处理程序添加到饼图中？
- 17
如何将 Onclick 事件添加到 Shiny, R 中的 c3 图表？
- 18
如何使用vue-chartjs将图像添加到图表标签？
- 19
如何使用chart.js将图像作为标签添加到画布图表
- 20
如何使用vue-chartjs将图像添加到图表标签？
- 21
如何将列表中的文本数据标签添加到matplotlib图表？
- 22
将点击事件添加到ios NSString中的某些文本
- 23
将点击事件添加到通过文字呈现的动态按钮中
- 24
如何将点击事件添加到GXT FramedPanel的标题中
- 25
如何将点击事件添加到Vue广告位？
- 26
将Vue点击事件添加到通过API获取的HTML字符串中
- 27
使用`addEventListener`将点击事件添加到React组件中的图标
- 28
通过2个SunburstR图将点击事件添加到闪亮的应用程序
- 29
将点击事件添加到angular-ui手风琴
我来说两句