echart 图表

折线图

option = {
  xAxis: {
    type: 'category',
    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
  },
  yAxis: {
    type: 'value'
  },
  series: [
    {
      data: [150, 230, 224, 218, 135, 147, 260],
      type: 'line'
    }
  ]
};

折线图百分比

import * as echarts from 'echarts';

type EChartsOption = echarts.EChartsOption;

var chartDom = document.getElementById('main')!;
var myChart = echarts.init(chartDom);
var option: EChartsOption;

option = {
  xAxis: {
    type: 'category',
    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
  },
  yAxis: {
    type: 'value'
  },
  series: [
    {
      data: [0.99, 0.98, 0.94, 0.96, 0.95, 0.88, 0.87],
      label: {
        show: true,
        position: 'top'
      },
      type: 'line'
    }
  ]
};

option.series[0].label.formatter = function (params) {
  return (params.value * 100).toFixed(2) + '%';
};

option && myChart.setOption(option);