天天看點

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]
    }]
});      

繼續閱讀