vue中折线图显示数值在图上

在Vue中，要在折线图上显示数值，可以使用ECharts库来实现。根据提供的引用内容，可以看出在Vue组件的`getApplicationInfo`方法中，使用了ECharts库来初始化并绘制折线图。在`setOption`方法中，可以通过配置`series`中的`label`属性来显示数值。具体的代码如下所示：

series: \[{
  data: res.data.sdata,
  type: 'line',
  label: {
    show: true, // 显示数值
    position: 'top' // 数值显示在折线图上方
  }
}\]

这样配置后，折线图上的每个数据点都会显示相应的数值。\[1\]

另外，根据引用\[2\]中的代码，可以看出折线图是在一个`<div>`元素中进行渲染的。所以，你可以在该`<div>`元素的样式中设置合适的位置和样式来确保数值显示在折线图上方。\[2\]

希望这个回答对你有帮助！
#### 引用[.reference_title]
- *1* *2* *3* [vue+elementui+echarts显示折线图](https://blog.csdn.net/YYpawn/article/details/96319720)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^koosearch_v1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]