v-charts.js 后端是怎么传 数据的?

爱许乐
  • 179

这是一个案例, 程序猿怎么传 data ?

                        <div id="huiKuan" style="height:350px">
                          <ve-line :data="chartData" :settings="chartSettings"  :colors="['#ff7e52', '#50abf1', '#5b4947']" :loading="false"></ve-line>
                        </div>

                        <script>
                        new Vue({
                            el: '#huiKuan',
                            created: function () {
                                this.chartData = {
                                    columns: ['月份', '去年', '今年'],
                                    rows: [
                                        { '月份': '1月',  '去年': 1000000, '今年': 2002000 },
                                        { '月份': '2月',  '去年': 4000000, '今年': 3002000 },
                                        { '月份': '3月',  '去年': 3000000, '今年': 9002000 },
                                        { '月份': '4月',  '去年': 1000000, '今年': 1002000 },
                                        { '月份': '5月',  '去年': 1000000, '今年': 1002000 },
                                        { '月份': '6月',  '去年': 1000000, '今年': 12000000 },
                                        { '月份': '7月',  '去年': 4000000, '今年': 1002000 },
                                        { '月份': '8月',  '去年': 1000000, '今年': 8002000 },
                                        { '月份': '9月',  '去年': 1000000, '今年': 4002000 },
                                        { '月份': '10月', '去年': 1000000, '今年': 2002000 },
                                        { '月份': '11月', '去年': 1000000, '今年': 3002000 },
                                        { '月份': '12月  ', '去年': 5000000, '今年': 6002000 },
                                    ],
                                    
                                }    
                                this.chartSettings = {

                                }
                            }
                            
                        })
                        </script>
回复
阅读 2k
1 个回答

可以使用Axios获取数据。
1.后端写api接口文件,数据库信息,数据查询语句
2.前端用get方法获取从api传来的json数据
this.$axios.get('http://localhost:3000/zfjd/zscqbh')

    .then( res => {
    //获取json数据
    })
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏