天天看点

NPM 方法使用Echarts

文章目录

  • ​​查看版本​​
  • ​​升级或安装 cnpm​​
  • ​​最新稳定版​​
  • ​​实例​​

查看版本

$ npm -v
2.3.0

#升级 npm
cnpm install npm -g      

升级或安装 cnpm

npm install cnpm -g
通过 cnpm 获取 echarts:      

最新稳定版

$ cnpm install echarts --save      

实例

var echarts = require('echarts');
 
// 基于准备好的dom,初始化echarts实例
var myChart = echarts.init(document.getElementById('main'));
// 绘制图表
myChart.setOption({
    title: {
        text: 'ECharts 入门示例'
    },
    tooltip: {},
    xAxis: {
        data: ['衬衫', '羊毛衫', '雪纺衫', '裤子', '高跟鞋', '袜子']
    },
    yAxis: {},
    series: [{
        name: '销量',
        type: 'bar',
        data: [5, 20, 36, 10, 10, 20]
    }]
});      

继续阅读