Echarts 柱状折线图自动滚动展示
完整代码如下
import React, {
useEffect, useState } from 'react';
import Echarts from '../components/Echarts';
import echarts from 'echarts';
import {
withRouter } from 'react-router-dom';
const titleStyle = {
cursor: 'pointer',
zIndex: 100
};
const data = [
{
name: '消费次数',
value: [
{
name: '文典学院', value: 2.87 },
{
name: '数学科学学院', value: 2.93 },
{
name: '物理与材料科学学院', value: 2.99 },
{
name: '化学化工学院', value: 3.09 },
{
name: '计算机科学与技术学院', value: 2.95 },
{
name: '电子信息工程学院', value: 3.06 },
{
name: '电气工程与自动化学院', value: 3.05 },
{
name: '生命科学学院', value: 2.88 },
{
name: '资源与环境工程学院', value: 2.91 },
{
name: '文学院', value: 2.64 },
{
name: '历史系', value: 2.57 },
{
name: '哲学系', value: 2.53 },
{
name: '新闻传播学院', value: 2.51 },
{
name: '经济学院', value: 2.8 },
{
name: '商学院', value: 2.72 },
{
name: '外语学院', value: 2.77 },
{
name: '法学院', value: 2.65 },
{
name: '社会与政治学院', value: 2.6 }
]
},
{
name: '消费金额',
value: [
{
name: '文典学院', value: 28.42 },
{
name: '数学科学学院', value: 28.76 },
{
name: '物理与材料科学学院', value: 30.41 },
{
name: '化学化工学院', value: