在Vue中，你可以使用axios库来获取数据，然后使用ECharts库来绘制图表。以下是一个基本的webpack配置示例：

1. 首先，你需要在你的项目中安装axios和ECharts：

npm install axios echarts

1. 然后，你需要在你的webpack.config.js文件中添加以下配置：

```javascript const path = require('path'); const axios = require('axios'); const echarts = require('echarts');

module.exports = { entry: './src/main.js', output: { filename: 'bundle.js', path: path.resolve(__dirname, 'dist'), }, module: { rules: [ { test: /.vue$/, use: ['vue-echarts-loader'], }, ], }, resolve: { extensions: ['.js', '.vue', '.json', '.png', '.jpg', '.gif'], }, plugins: [ new webpack.optimize.OccurrenceOrderPlugin(), ], devServer: { host: 'localhost', port: 8080, historyApiFallback: true, }, }; ```

1. 在你的main.js文件中，你需要引入axios和echarts：

```javascript import axios from 'axios'; import echarts from 'echarts';

axios.get('https://jsonplaceholder.typicode.com/todos/1').then(response => { // 使用响应的数据绘制ECharts图表 const option = { title: { text: 'ECharts 2.x 绘制数据' }, tooltip: { trigger: 'item', axis: 'y', formatter: '{a}
{b} ({x} : {y})' }, legend: { data: ['Task 1', 'Task 2', 'Task 3'] }, xAxis: { data: ['Task 1', 'Task 2', 'Task 3'] }, yAxis: { data: [10, 20, 30] }, series: [{ name: 'Task 1', type: 'bar', data: [10, 20, 30] }, { name: 'Task 2', type: 'bar', data: [10, 20, 30] }, { name: 'Task 3', type: 'bar', data: [10, 20, 30] }] };

echarts.init(document.getElementById('main'));

echarts.setOption(option); }); ```

以上配置将会把axios获取到的JSON数据加载到ECharts的x轴和y轴上，然后在图表中绘制一个包含三个任务的数据条。