条形图之间的图表js数据点

问题描述

我正在使用Chart.js库.我想在条形图上添加数据指针.在此处附加示例图像.

I'm working of Chart.js library. I wanted to add data-pointer on bar charts. attaching the example image here..

尝试了很多来实现这一点.但是无法在图表js中获得选择.有人可以在这里帮我吗?

Tried a lot to implement this. But couldn't get option in chart js. Can anyone please help me out here ?

推荐答案

Chart.js的两个选项:

Two options with Chart.js:

1.使用数据标签插件:

1. using data labels plugin:

    plugins: {
      datalabels: {
        color: 'red',
        align: 'top',
        anchor: 'end',
        formatter: function(value, context) {
            console.log(context)
            if (value>70)
            return "("+context.dataIndex + '): ' + value;
          else
            return "";
        }
      }
    }

示例: http://jsfiddle.net/beaver71/wo2cd3jf/

2.使用注释插件:

2. using annotation plugin:

    annotation: {
         drawTime: 'afterDatasetsDraw',
         annotations: annotations_array
    }

示例: https://jsfiddle.net/beaver71/esnjuqzv/

这篇关于条形图之间的图表js数据点的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！