1

MongoDB 图表 SDK 允许您在白名单字段上过滤图表。在仪表板本身中，您可以向图表添加多个过滤器，但是一旦使用 Javascript SDK 嵌入图表，您就只能使用一个过滤器。这是过滤器代码的样子，是否可以使用聪明的 javascript 在 1 个图表上添加另一个过滤器？

import 'regenerator-runtime/runtime';
import ChartsEmbedSDK from '@mongodb-js/charts-embed-dom';

const sdk = new ChartsEmbedSDK({
  baseUrl: 'https://charts.mongodb.com/charts-project-0-bhitm',
});

const chart = sdk.createChart({
  chartId: 'd1be814a-7ff2-4f3d-bd61-521589279fd9',
  background: 'transparent',
  height: '1200px',
  showAttribution: false,
});

async function renderChart() {
  await chart.render(document.getElementById('Box1'));

  document
    .getElementById('game-filter')
    .addEventListener('change', async (e) => {
      const game = e.target.value;
      const currentFilterDOM = document.getElementById('currentFilter');
      if (game) {
        await chart.setFilter({ _id: game });
        const filter = await chart.getFilter();
        currentFilterDOM.innerText = JSON.stringify(filter);
      } else {
        await chart.setFilter({});
        const filter = await chart.getFilter();
        currentFilterDOM.innerText = JSON.stringify(filter);
      }
    });
}

renderChart().catch((e) => window.alert(e.message));

任何帮助将不胜感激提前感谢

4

0 回答 0