我用vue-chartjs绘制一些图表,如线条、条形图等.
在我的项目中,有很多情况是使用图表中数据的特定值或可用值。使用vue-chartjs的工具提示选项,我可以在悬停时检查数据项的值或标签。
我想知道如何访问或获取特定数据的信息,在点击时与图形上的点匹配(而不是悬停)。这是我关于图表选项的代码。
chartOptions: {
responsive: false,
onClick: function(evt){
//Some logic to get value of label of specific data...(type, label, v
? 你好, 我关注了这篇文章(Moving vertical line when hovering over the chart using chart.js),在我的图表上画了一条垂直线。 对于单个数据集,它工作得很好。 但对于多数据集显示(在y轴上具有堆叠选项),垂直线将绘制在图表的工具提示上。 无论是设置图表工具提示的z索引还是垂直线都不能解决我的问题。因为我找不到任何属性来做这件事。 你有什么想法/建议来解决这个问题吗? 我使用react-charjs2和chartjs^2.9.4作为对等依赖项。
我试图使用chartjs-plugin-datalables对特定的图表使用vue-chartjs。因此,首先,我从我的main.js文件中注销了插件,因为它是在导入时在全球注册的。
import Chart from 'chart.js';
import ChartDataLabels from 'chartjs-plugin-datalabels';
Chart.defaults.global.plugins.datalabels.display = false;
然后我要为特定的图表添加插件。但没有任何标签显示。
import { Pie } from
我使用ChartJS在我的网站上创建一个图表。
我试图创建一个自定义工具提示。根据,这应该很简单:
var myPieChart = new Chart(ctx, {
type: 'pie',
data: data,
options: {
tooltips: {
custom: function(tooltip) {
// tooltip will be false if tooltip is not visible or should be hidden
我使用的是highcharts,我已经定义了自己的工具提示格式化程序,它返回一个由div包装的表,因此如果有太多的数据,就会有一个滚动条。
我编写了一个快速演示,在这里演示这个问题,
问题是,如果每个图表太接近,用户将无法让鼠标进入工具提示,,因为当他们移动鼠标一点点,另一个工具提示显示,但他们必须让鼠标进入工具提示,否则他们无法向下滚动看到其余的结果。
有什么方法可以让我可以让工具提示在没有鼠标输入的情况下滚动,比如在工具提示出现后让它聚焦?
我的表格有点像:
options.tooltip.formatter = function () {
var s='<div s