321  
查询码:00000679
echarts换肤
作者: 陈婉 于 2020年01月03日 发布在分类 / 人防组 / 人防前端 下,并于 2020年01月07日 编辑
echarts rview-c 换肤


echarts换肤

描述:

  1. 主要配置内容:x轴、y轴相关颜色、图例颜色
  2. 默认是深色主题,不需要配置和调用方法使用方法

使用方法:

  1. 安装rview-c,详情请参考: http://wiki.njrgrj.com:8989/webdoc/view/Pub2c90a4096f799fb7016f7a2f6289002b.html
  2. 配置主题、下载json文件: 配置主题网址


示例:

echarts换肤之后图片示例:

echarts换肤之后示例数据格式

dataList: [
{//柱状图
title: “分队人数统计”,
component: ‘BarChart’,
isSelect: false,
data: {
color:[“red”,”yellow”],//柱子的颜色
interval: 50,
gridData: {
left: “40”,
right: “45”,
bottom: “50”,
top: “30”,
},
xAxisName: ‘名称’,
yAxisName: ‘人数’,
xAxisData: [“分队1”, “分队2”, “分队3”, “分队4”, “分队5”, “分队6”, “分队7”],//x 轴
yData: [220, 182, 191, 234, 290, 330, 310],//y轴数据
}
},
{//柱状图2
title: “专业分队统计”,
component: ‘BarChart2’,
isSelect: false,
data: {
colorList:[“red”, “blue”, “yellow”, “green”],//柱子的颜色,照最多的设置
gridData: {
top: “10”,
left: “30”,
right: “30”,
bottom: “3%”,
containLabel: true
},
xAxisData: [“风”, “水”, “电”, “土建”],//x 轴
seriesData: [220, 182, 191, 234],//y轴数据
}
},
{//多柱状图
title: “各工程的报警类型月均报警率”,
component: ‘BarsChart’,
isSelect: false,
data: {
color: [“#f28758”, “#d4787d”, “#ae9eec”, “#00d086”, “#3eead0”, “#3aacfb”, “#fac201”],
legendData: [“工程1”, “工程2”, “工程3”, “工程4”, “工程5”, “工程6”, “工程7”],
interval: 50,
gridData: {
left: “3%”,
right: “4%”,
bottom: “10”,
top: “45”,
containLabel: true
},
yAxisData: “个”,
barWidth: “5%”,
xAxisData: [“设备级别”, “系统级别”, “工程级别”],
seriesData: [
{
name: “工程1”,
data: [180, 215, 610]
},
{
name: “工程2”,
data: [350, 420, 260]
},
{
name: “工程3”,
data: [280, 57, 560]
},
{
name: “工程4”,
data: [780, 650, 680]
},
{
name: “工程5”,
data: [555, 580, 345]
},
{
name: “工程6”,
data: [637, 753, 285]
},
{
name: “工程7”,
data: [650, 580, 480]
}
]
}
}]


 推荐知识

 历史版本

修改日期 修改人 备注
2020-01-07 08:55:11[当前版本] 陈婉 格式调整
2020-01-03 12:49:35 陈婉 格式调整
2020-01-03 12:44:58 陈婉 创建版本

  目录
    知识分享平台 -V 4.8.7 -wcp