rw941123 2023-03-24 17:01 采纳率: 80%
浏览 45
已结题

ECharts怎么获取数据库数据?

我在网上搜到的都是直接写数据,请问要怎么获得我数据库中的物资名和数量呢?

这是我获取数据库中所有物资的方法:

 async getStockList() {
      const {data: res} = await this.$http.get("allStock", {params: this.queryInfo});
      this.stockList = res.data;//用户列表
      this.total = res.numbers;//总用户数
}

照着网上搜的ECharts条形图代码如下:

getEchartData(){
      var myChart = echarts.init(document.getElementById('tiaoxing'));
      var option = {
        title: {
          text: "库存条形图"
        },
        tooltip: {},
        legend: {//图例
          data: ["库存量"]
        },
        xAxis: {
        
          data: 
        },
        yAxis: {},
        series: [
          {
            name: "库存量",
            data: 
            type: "bar", //类型
          },
        ],
      };
      myChart.setOption(option); //通过setOption()方法生成图表
    },

  • 写回答

2条回答 默认 最新

  • 简效 2023-03-24 17:11
    关注

    打开echarts官网实例,左边代码对比右边预览效果(可修改),按照你要赋值的数据替换成变量
    链接 https://echarts.apache.org/examples/zh/editor.html?c=bar-background

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 4月1日
  • 已采纳回答 3月24日
  • 创建了问题 3月24日

悬赏问题

  • ¥20 qtcreat 使用msvc编译器开发软件运行时字体锯齿感严重
  • ¥15 c#直接使用C++ 写的class 后续
  • ¥15 为何显示keyerror fruit
  • ¥15 关于#stm32#的问题:/* User can add his own implementation to report the HAL error return state */
  • ¥15 imageware粗糙度表面
  • ¥15 python使用pulp线性优化时报错
  • ¥15 为什么我的uibot导入py模块出错呀。py文件放在了uibot里对应的python文件夹了,卸了重安也不行
  • ¥15 开源或低价数据中台哪个最好
  • ¥15 arduino编程出现字符串疑似覆盖现象
  • ¥15 我的b站在没有碰到屏幕的情况下偶尔会自动跳出进度条,就像在屏幕上点了一下一样,但我并没有点。而且视频进度并没有变。这可能是什么原因造成的?