https://www.takatsu.co.jp/assets/js/recruit_about.js

1'use strict';
2
3$(function () {
4  var ctx = document.getElementById('outline_chart').getContext('2d');
5  var myChart = new Chart(ctx, {
6    type: 'bar',
7    data: {
8      labels: ['15å¹´', '16å¹´', '17å¹´', '18å¹´', '19å¹´', '20å¹´', '21å¹´', '22å¹´', '23å¹´', '24å¹´'],
9      datasets: [{
10        label: '',
11        data: [204, 202, 233, 255, 218, 171, 217, 223, 209, 211],
12        backgroundColor: "rgba(47,99,163,1)"
13      }]
14    },
15        options: {
16          responsive: true,
17          legend: {
18            display: false
19          },
20          tooltips: {
21            callbacks: {
22              label: function (tooltipItem, data) {
23                return data.labels[tooltipItem.index]
24                + ": "
25                + data.datasets[0].data[tooltipItem.index]
26                + " 億円"; //ここで単位を付けます
27              }
28            }
29          },
30          scales: {
31            yAxes: [{
32              ticks: {
33                min: 0,
34                max: 280
35              }
36            }]
37          }
38        }
39    });
40});
41// Define a plugin to provide data labels
42Chart.plugins.register({
43    afterDatasetsDraw: function (chart, easing) {
44      // To only draw at the end of animation, check for easing === 1
45      var ctx = chart.ctx;
46      
47      chart.data.datasets.forEach(function (dataset, i) {
48          var meta = chart.getDatasetMeta(i);
49          if (!meta.hidden) {
50            meta.data.forEach(function (element, index) {
51                // Draw the text in black, with the specified font
52                ctx.fillStyle = 'rgb(0, 0, 0)';
53                
54                var fontSize = 16;
55                var fontStyle = 'normal';
56                var fontFamily = 'Helvetica Neue';
57                ctx.font = Chart.helpers.fontString(fontSize, fontStyle, fontFamily);
58                
59                // Just naively convert to string for now
60                var dataString = dataset.data[index].toString();
61                
62                // Make sure alignment settings are correct
63                ctx.textAlign = 'center';
64                ctx.textBaseline = 'middle';
65                
66                var padding = 5;
67                var position = element.tooltipPosition();
68                ctx.fillText(dataString, position.x, position.y - (fontSize / 2) - padding);
69            });
70          }
71      });
72    }
73});
74