チャート内の表示データを切り替える

Tableauにて、複数の棒グラフを1つにまとめ、表示データを選択式にしたいという時に役立つTipsを紹介します。
”このTipsを使用すると、チャートに表示させるデータを、プルダウンで選択することが可能”になります。

var divElement = document.getElementById(‘viz1534722711129’);
var vizElement = divElement.getElementsByTagName(‘object’)[0];
vizElement.style.width=’750px’;vizElement.style.height=’627px’;
var scriptElement = document.createElement(‘script’);
scriptElement.src = ‘https://public.tableau.com/javascripts/api/viz_v1.js’;
vizElement.parentNode.insertBefore(scriptElement, vizElement);

上記サンプルで「Data Switch」のプルダウンを選択すると、表示データが切り替わります。

表示データの切り替えは使う機会が非常に高く、応用も効くTipsです。
興味のある方は、是非、上記サンプルをダウンロードして、実装してみてください。
”(詳しい実装手順は、サンプルファイル内の【実装手順】シートに記載しています)”

Tableau_id執筆者:木部