SmallChart

demo

    
      let line1 = SmallChart.init(document.getElementById('line1'))
      line1.setOption({
        series: [{
          data: [820, 932, 901, 934, 1290, 1330, 1320],
          type: 'line',
          fill: '#8956FF',
          stroke: '#8956FF'
        }]
      })
    
    
    
      let line2 = SmallChart.init(document.getElementById('line2'))
      line2.setOption({
        // width: 200,
        // height: 100,
        series: [{
          data: [820, 932, 901, 934, 1290, 1330, 1320],
          type: 'line',
          fill: '#8956FF',
          stroke: '#8956FF',
          strokeWidth: 4,
          // strokeDasharray: 5,
          smooth: true
        }]
      })
    
    
    
      let bar1 = SmallChart.init(document.getElementById('bar1'))
      bar1.setOption({
        series: [{
          data: [820, 932, 901, 934, 1290, 1330, 1320],
          type: 'bar',
          fill: '#8956FF'
        }]
      })
    
    
    
      let line3 = SmallChart.init(document.getElementById('line3'))
      line3.setOption({
        series: [{
          data: [820, 932, 901, 934, 1290, 1330, 1320],
          type: 'line',
          fill: '#8956FF',
          stroke: '#8956FF',
          markLine: {
            type: 'average',
            stroke: '#d14',
            strokeOpacity: 1,
            strokeDasharray: '2, 2'
          }
        }]
      })