echarts双折线图

引用

//反应时长 durationCharts
categoryCommonChart(studyBehavior.durationCharts, 'durationCharts') 
function categoryCommonChart(odata, dom){var myChart = echarts.init(document.getElementById(dom));let oarr = []oarr = odata.series.map(function(item){let color = item.name == '个人平均' ? '#00bdff' : '#4cf100'return {name: item.name,type: 'line',data: item.data,	lineStyle: {color: color //折线颜色},itemStyle: {color: color //节点颜色}}})option = {tooltip: {trigger: 'axis'},grid: {top: '30',left: '15',right: '20',bottom: '30',containLabel: true},legend: {itemWidth:15,  itemHeight:15,  data: odata.legendData,icon: 'roundRect',itemHeight: 8,textStyle: { //图例文字的样式color: '#999',fontSize: 12},left: 'center',bottom: 'bottom',},title: {text: '均次时长',left: '20',textStyle:{color: '#999',fontSize: 12,fontWeight: 400},			   	},grid: {top: '30',left: '15',right: '20',bottom: '30',containLabel: true},xAxis: {type: 'category',data: odata.xData,nameTextStyle: {color: '#666', //y轴名称颜色fontSize: 10 //y轴名称字体大小},axisLabel: {color: '#666', //x轴刻度标签颜色},axisTick: {show: false //不显示刻度线},axisLine: {lineStyle: {color: '#999',width: 1, //这里是为了突出显示加上的  },symbol: ['none', 'arrow'],    //只在末端显示箭头symbolSize: [6, 10],//原来是[8, 16]symbolOffset:[0, 8],//箭头段移动8个像素},},yAxis: {type: 'value',		    	nameTextStyle: {color: '#666', //y轴名称颜色fontSize: 10 //y轴名称字体大小},axisLabel: {color: '#666', //x轴刻度标签颜色formatter: '{value}s' //加上单位's'},axisTick: {show: false //不显示刻度线},splitLine: {//网格线lineStyle: {type: "dotted", //设置网格线类型 dotted:虚线   solid:实线},show: true, //隐藏或显示},axisLine: {lineStyle: {color: '#999',width: 1},                    symbol: ['none', 'arrow'],symbolOffset: 10,symbolSize: [6, 10]//原来是[8, 16]},                },series: oarr};myChart.setOption(option, true);
}

data

         "durationCharts":{"legendData":["个人平均","班级平均"],"type":"line","xData":["第1题","第2题","第3题"],"series":[{"name":"个人平均","type":"line","data":[23,4,7]},{"name":"班级平均","type":"line","data":[31,10,11]}]},"participationRate":66.7},

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/255108.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

QML与C++之间自定义对象输出

1.定义暴露的C类 Message.h #ifndef MESSAGE_H #define MESSAGE_H#include "QObject" #include "MessageAuthor.h"class Message : public QObject {Q_OBJECTQ_PROPERTY(MessageAuthor* author READ author )public:explicit Message(QObject *parent nu…

短视频账号矩阵系统开发源头

随着经济的高速的发展,越来越多的人进入短视频领域,都想抓住这个流量风口,现如今,短视频领域竞争加剧,为了满足用户对创新、多样化和高质量内容的需求,新版短视频矩阵运营系统应运而生。抖去推系统4.0新版&…

MySQL 忘记root密码后重置密码操作

在忘记 MySQL 密码的情况下,可以通过 --skip-grant-tables 关闭服务器的认证,然后重置 root 的密码,具体操作步骤如下。 步骤 1):关闭正在运行的 MySQL 服务。打开 cmd 进入 MySQL 的 bin 目录。 步骤 2):输入mysqld -…

CANBeded——诊断自动生成代码

目录 一、如何自动生成代码 二、借鉴之处 一、如何自动生成代码 准备: .gny——geny工程 .dbc——CAN 信号矩阵 .cdd——诊断文件 .cfg文件——工程文件宏定义 1.1 打开gny文件 1.2 导入dbc文件 根据dbc文件更新can消息 channel0,configurable options,Acceptan…

java一对一聊天

我们首先要完成服务端,不然出错,运行也要先运行服务端,如果不先连接服务端,就不监听,那客户端不知道连接谁 服务端 import java.awt.BorderLayout; import java.awt.event.ActionEvent; import java.awt.event.Actio…

Failed to resolve org.junit.platform:junit-platform-launcher:1.9.3

springboot 跑 unit test 的时候,如果报错如题的话,可以更改idea 里的 Settings ——> HTTP Proxy 配置为:Auto-detect proxy settings

富时中国a50指数准确吗

富时中国A50指数简介 富时中国A50指数(FTSE China A50 Index)是富时罗素指数有限公司(FTSE Russell)编制的,旨在反映中国A股市场50家市值较大、流动性较好的公司的股价表现。它是国际上对中国A股市场投资者影响较大的…

leetcode刷题:611.有效三角形的个数(双指针实现)

题目地址:有效三角形的个数 解决此题时,首先需要知道的是如何判断三个数字是否能够构成三角形。 我们知道,三角形任意两边之和都大于第三边。所以判断三个数字是否能构成三角形需要进行三次比较(最基础的思路) 方法一…

算法-贪心思想

贪心的思想非常不好解释,而且越使用权威的语言解释越难懂。而且做题的时候根据自己的理解可能直接做出来,但是非要解释一下怎么使用的贪心的话,就懵圈了。一般来说,贪心的题目没有固定的套路,一题一样,不过…

Windows系统的笔记本电脑要怎样做,才能控制iPad?

Windows 10.1803或以上版本并且支持5.0低功耗蓝牙(BLE)的台式电脑或笔记本电脑都可以通过蓝牙连接控制iPhone或iPad。 控制成功后,你可以在电脑上直接用鼠标操作iPhone或iPad,避免工作学习中频繁抬头低头切换界面,也可…

IMR TBR TBDR

IMR Immediate Mode Rendering(即时渲染),是 PC 和主机 GPU 使用的渲染方式 IMR下的渲染示意图 每次渲染,都要读写Frame Buffer和Depth Buffer IMR优化 IMR需要大量的带宽和功耗,优化方式是L1、L2 Cache大缓存,不适用于移动G…

HASH 哈希算法之MD5 算法

1. 哈希算法&#xff0c;用C 写的 #include <iostream> #include <iomanip> #include <cstring> #include <openssl/md5.h> #include <stdio.h>using namespace std;int main() {string str "hello world";unsigned char digest[MD5…