菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育

标题: 张佳豪2023.6.2 [打印本页]

作者: 张佳豪 时间: 2023-6-14 19:15
标题: 张佳豪2023.6.2
// 简单的准备的一些数据
let students = ['刘备', '张飞', '关羽', '曹操', '周瑜', '黄盖']
let data1 = [98, 95, 90, 66, 80, 40]
let data2 = [10, 30, 40, 99, 70, 30]
let data3 = [120, 100, 90, 60, 70, 80]
const myChart = echarts.init(document.querySelector('#box1'))
const option = {
         title: {
            text: '三国群雄成绩榜'
         },
         legend: {
            right: 0,
            data: ['数学', '语文', '英语'],
            // 默认水平方向horizontal
            orient: 'vertical',
         },
         tooltip: {},
         xAxis: {
            data: students
         },
         yAxis: {},
         series: [
            {
                  type: 'bar', name: '数学', data: data1
            },
            {
                  type: 'bar', name: '语文', data: data2
            },
            {
                  type: 'bar', name: '英语', data: data3
            },
         ],
      }
      myChart.setOption(option)

欢迎光临菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)