可视化formatter详情提示框组二周 XX 系列名称1：值1，系列名称系列名称3：值3，系列名称4:值4的柱状图代码

在使用可视化库（如ECharts、Matplotlib等）创建柱状图时，你可以使用详细的配置选项来生成特定格式的提示框。假设我们使用ECharts，以下是创建一个包含两个系列的柱状图，每个系列都有详细名称和对应的值，并设置了两周时间范围的代码示例：

// 引入ECharts库
import echarts from 'echarts';

// 设置图表数据
const data = {
  series: [
    {
      name: '系列名称1', // 系列名称1
      type: 'bar',
      data: [值1], // 柱状图数值
      tooltip: { // 提示框配置
        trigger: 'axis',
        formatter: '{series.name}: <br>{value}（{period}期间）' // 格式化字符串，{series.name} 显示系列名，{value} 显示值，{period}显示周期信息
      }
    },
    {
      name: '系列名称3', // 系列名称3
      type: 'bar',
      data: [值3],
      tooltip: {
        formatter: this.formatTooltip({ value: '值3', period: '两周' }) // 使用自定义函数格式化提示
      }
    },
    {
      name: '系列名称4', // 系列名称4
      type: 'bar',
      data: [值4],
      tooltip: {
        formatter: this.formatTooltip({ value: '值4', period: '两周' }) // 同上
      }
    }
  ],
  xAxis: { // x轴设置，这里假设时间为日期区间
    type: 'category',
    data: ['一周前', '上周', '本周一', '本周二'] // 两周的时间点
  },
  yAxis: {} // y轴默认配置
};

// 自定义格式化函数
function formatTooltip(props) {
  return `${props.value} - ${props.period}`;
}

// 初始化图表
const chart = echarts.init(document.getElementById('main'));
chart.setOption(data);

确保替换掉`值1`, `值2`, `值3`, `值4`以及实际的两周时间段。