要在Flowchart.js中與Chart.js集成，您可以按照以下步驟進行操作：

1. 首先，確保您已經在您的項目中引入了Chart.js和Flowchart.js的庫文件。

2. 創建一個包含Flowchart.js的div元素，并為其指定一個唯一的ID，以便在后續的步驟中引用它。

<div id="flowchart"></div>

3. 在頁面加載完成后，使用Flowchart.js庫創建您的流程圖，并在其中添加Chart.js圖表。您可以在Flowchart.js的文檔中找到相關的API方法和示例。

// 創建一個Flowchart實例
var chart = new Flowchart({
  container: document.getElementById('flowchart'),
  data: {
    nodes: [
      { id: 'node1', type: 'start', text: 'Start' },
      { id: 'node2', type: 'step', text: 'Step 1' },
      { id: 'node3', type: 'step', text: 'Step 2' }
    ],
    edges: [
      { source: 'node1', target: 'node2' },
      { source: 'node2', target: 'node3' }
    ]
  }
});

// 創建一個Chart.js圖表
var ctx = document.getElementById('myChart').getContext('2d');
var myChart = new Chart(ctx, {
    type: 'bar',
    data: {
        labels: ['Red', 'Blue', 'Yellow', 'Green', 'Purple', 'Orange'],
        datasets: [{
            label: '# of Votes',
            data: [12, 19, 3, 5, 2, 3],
            backgroundColor: [
                'rgba(255, 99, 132, 0.2)',
                'rgba(54, 162, 235, 0.2)',
                'rgba(255, 206, 86, 0.2)',
                'rgba(75, 192, 192, 0.2)',
                'rgba(153, 102, 255, 0.2)',
                'rgba(255, 159, 64, 0.2)'
            ],
            borderColor: [
                'rgba(255, 99, 132, 1)',
                'rgba(54, 162, 235, 1)',
                'rgba(255, 206, 86, 1)',
                'rgba(75, 192, 192, 1)',
                'rgba(153, 102, 255, 1)',
                'rgba(255, 159, 64, 1)'
            ],
            borderWidth: 1
        }]
    },
    options: {
        scales: {
            y: {
                beginAtZero: true
            }
        }
    }
});

4. 最后，您可以根據需要自定義樣式和功能，以便將Chart.js圖表嵌入到Flowchart.js流程圖中。

通過以上步驟，您就可以在Flowchart.js中集成Chart.js，并創建一個包含流程圖和圖表的交互式頁面。