使用js引入echarts

1.首先在项目里打开cmd命令行

输入

vue3

npm add echarts

vue2

npm install echarts

2.然后在node_modules里就会看见一个echarts

这样的文件夹

3.在需要的页面里引入

 在mounted里写

            var myChart = echarts.init(document.getElementById('echartContainer'));// 绘制图表myChart.setOption({title: { text: 'ECharts 入门示例' },tooltip: {},xAxis: {data: ["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"]},yAxis: {},series: [{realtimeSort: true,barWidth: 14,barGap: 10,smooth: true,valueAnimation: true,name: '销量',type: 'bar',data: [5, 20, 36, 10, 10, 20]}]});

在html里面写

就可以了


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部