chart.js画面の「合計検索回数の項目」にて3ヶ月と前年比のグラフのバーの【直接検索回数数・間接検索回数・ブランド名検索回数】の合計値を計算しマウスホバーで表示させたい。
特定の月別の【直接検索回数数・間接検索回数・ブランド名検索回数】の合計値を計算し出力したい場合に、それぞれ特定月別の検索回数の出力方法がどうも出力できない。
【例】
前年11月のブランド名検索回数にカーソルを合わせデバッグを行いました。
下記ブラウザ画面のURLです。
色々出力してみました。
ata.datasets[tooltipItems[0].index].data[tooltipItems[0].index];
139446
data.datasets[tooltipItems[0].datasetIndex].data
(3) [139446, 137902, 120347, _chartjs: {…}, push: ƒ, pop: ƒ, shift: ƒ, splice: ƒ, …]
data.datasets[tooltipItems[0].index].data
(3) [139446, 137902, 120347, _chartjs: {…}, push: ƒ, pop: ƒ, shift: ƒ, splice: ƒ, …]0: 1394461: 1379022: 120347length: 3pop: ƒ ()push: ƒ ()shift: ƒ ()splice: ƒ ()unshift: ƒ ()_chartjs: {listeners: Array(1)}__proto__: Array(0)
【結論】
しかし、今回出力したいのは前年11月の
【直接検索回数数・間接検索回数・ブランド名検索回数】の合計なので他二つの検索回数を出力するコードを知りたいです。
何かいいコードや記事など、知見がある方はご教示をお願いしたいです。
長文になってしまいすみません。
以下に出力データを定義しているコードを掲載しておきます。
dataの中身
dataLabel: Array(3)
0: "11月"
1: "12月"
2: "1月"
length: 3
__proto__: Array(0)
datasets: Array(6)
0: {label: "ブランド名検索回数", backgroundColor: "#C7C6CE", data: Array(3),
stack: 1, _meta: {…}}
datasets: Array(6)
0:
backgroundColor: "#C7C6CE"
data: Array(3)
0: 139446
1: 137902
2: 120347
length: 3
1: {label: "間接検索回数", backgroundColor: "#A0A0AD", data: Array(3), stack: 1, _meta: {…}}
2: {label: "直接検索回数", backgroundColor: "#7B7B8E", data: Array(3), stack: 1, _meta: {…}}
3: {label: "ブランド名検索回数", backgroundColor: "#A0C2F9", data: Array(3), stack: 2, _meta: {…}}
4: {label: "間接検索回数", backgroundColor: "#71A3F7", data: Array(3), stack: 2, _meta: {…}}
5: {label: "直接検索回数", backgroundColor: "#4285F4", data: Array(3), stack: 2, _meta: {…}}
length: 6
__proto__: Array(0)
labels: Array(3)
0: "前年 11月 今年"
1: "前年 12月 今年"
2: "前年 1月 今年"
length: 3
tooltipItemsの中身
Array(1)
0:
datasetIndex: 0
index: 0
label: "前年 11月 今年"
value: "139446"
x: 85.01678417968749
xLabel: "前年 11月 今年"
y: 152.2902268
yLabel: 139446
__proto__: Object
length: 1
__proto__: Array(0)
0