在Vue.js中开发一个实现图表数据动态展示的组件，需要结合图表库（如Chart.js、ECharts等）来进行。
示例：
首先，确保已经安装了Vue.js和ECharts。可以通过npm或yarn来安装它们：
npm install vue
npm install echarts
然后，创建一个Vue组件，比如ChartComponent.vue，并在其中集成ECharts：
<template><div ref="chart" style="width: 100%; height: 400px;"></div>
</template><script>
import * as echarts from 'echarts';export default {name: 'ChartComponent',data() {return {chart: null,chartOptions: {title: {text: '动态数据图表'},tooltip: {},xAxis: {type: 'category',data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']},yAxis: {type: 'value'},series: [{name: '销量',type: 'line',data: [120, 200, 150, 80, 70, 110, 130]}]}};},mounted() {this.initChart();this.updateChartData();},methods: {initChart() {this.chart = echarts.init(this.$refs.chart);this.chart.setOption(this.chartOptions);},updateChartData() {setInterval(() => {// 模拟数据更新this.chartOptions.series.data = this.chartOptions.series.data.map(value => value + Math.floor(Math.random() * 10 - 5));this.chart.setOption(this.chartOptions);}, 2000);}}
};
</script><style scoped>
/* 可以在这里添加组件的样式 */
</style>
说明：
这个示例中，做了以下几件事情：
1、在<template>部分，定义了一个<div>元素作为图表的容器，并通过ref属性给它一个引用名chart。
2、在<script>部分，导入了ECharts，并定义了一个Vue组件ChartComponent。组件的data函数返回了一个包含图表配置chartOptions的对象。
3、在mounted生命周期钩子中，调用了initChart方法来初始化图表，并调用了updateChartData方法来开始定期更新图表数据。
4、initChart方法使用ECharts的init方法来初始化图表，并通过setOption方法设置图表的初始配置。
5、updateChartData方法使用setInterval来模拟数据的动态更新。每隔2秒，它都会随机修改图表数据，并通过setOption方法更新图表。
6、<style scoped>部分允许你添加仅适用于此组件的样式。
最后，可以在Vue应用中使用这个组件，例如在App.vue中：
<template><div id="app"><ChartComponent /></div>
</template><script>
import ChartComponent from './components/ChartComponent.vue';export default {name: 'App',components: {ChartComponent}
};
</script><style>
/* 全局样式 */
</style>
运行Vue应用时，会看到一个动态更新的图表。