ju__ju的博客

结合echarts论坛的案例,根据项目需要修改的echarts3D饼图

如图,echarts中柱状图如果xAxis对象没有配置data属性,那么X轴上的名称就显示不出来,即便像饼图直接在series数组对象中配置data 也显示不出来,查看官方实例后发现一个方法,即如上图方法,便可以直接从series数组对象中配置的name属性直接取值,比较方便...

下面是echats4.x版本的引入1.package.json中加上下面代码,然后cnpm i 更新加入的echats4.x的包"echarts": "^4.2.1",2.main.js中加入下面代码,并挂载到vue上Vue.prototype.$echarts = echarts3.写一个div,固定宽高,methods中添加方法,在create或者mounted中调用4.参照下面代码使用,setOption中复制官网实例就行了...

项目需要接入这样的图1.引入echarts等,就不用多说了.2.copy代码3.我们会发现浏览器报错,⑴第一种错误[Vue warn]: Error in nextTick: "TypeError: api.coord is not a function"在echarts中搜索api,然后打印,找到这个coord方法然后在项目代码中打印这个api然后看接着找问题,看配置代码...

initAchievementChart () { let dom = this.$refs.achievementChart let myChart = this.$echarts.init(dom) myChart.setOption({ title: { text: '得分情况统计'...