echarts
Posted 吴晓阳
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了echarts相关的知识,希望对你有一定的参考价值。
<div id="main" style="width: 600px;height:400px;"></div> <script src="~/lib/echarts/dist/echarts.js"></script> <script type="text/javascript"> // 基于准备好的dom,初始化echarts实例 var myChart = echarts.init(document.getElementById(‘main‘)); // 指定图表的配置项和数据 var option = { title: { text: ‘ECharts 入门示例‘ }, tooltip: {}, legend: { data: [‘销量‘] }, xAxis: { data: ["衬衫", "羊毛衫", "雪纺衫", "裤子", "高跟鞋", "袜子"] }, yAxis: {}, series: [{ name: ‘销量‘, type: ‘line‘, data: [5, 20, 36, 10, 10, 20] }] }; // 使用刚指定的配置项和数据显示图表。 myChart.setOption(option); </script>
以上是关于echarts的主要内容,如果未能解决你的问题,请参考以下文章
Echart 词云图 上手代码 同含(echarts-wordcloud.js)最简单的教程 复制可用