Echarts

下面是一些简单的示例代码模板，包括仪表盘、环状图、滚动表格、柱状图和折线图：

1. 仪表盘示例代码模板：

let gaugeOptions = {
  tooltip: {
    formatter: '{a} <br/>{b} : {c}%'
  },
  series: [
    {
      name: '业务指标',
      type: 'gauge',
      detail: {formatter: '{value}%'},
      data: [{value: 50, name: '完成率'}]
    }
  ]
};

2. 环状图示例代码模板：

let pieOptions = {
  tooltip: {
    trigger: 'item',
    formatter: '{a} <br/>{b} : {c} ({d}%)'
  },
  series: [
    {
      name: '访问来源',
      type: 'pie',
      radius: '55%',
      data: [
        {value: 335, name: '直接访问'},
        {value: 310, name: '邮件营销'},
        {value: 234, name: '联盟广告'},
        {value: 135, name: '视频广告'},
        {value: 1548, name: '搜索引擎'}
      ]
    }
  ]
};

3. 滚动表格示例代码模板：

let tableData = [
  {id: 1, name: 'John Doe', age: 30},
  {id: 2, name: 'Jane Smith', age: 25},
  {id: 3, name: 'Bob Johnson', age: 40},
  // Add more data as needed
];

4. 柱状图示例代码模板：

let barOptions = {
  xAxis: {
    type: 'category',
    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
  },
  yAxis: {
    type: 'value'
  },
  series: [{
    data: [120, 200, 150, 80, 70, 110, 130],
    type: 'bar'
  }]
};

5. 折线图示例代码模板：

let lineOptions = {
  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'
  }]
};

。