一、图例legend的设置。 1.字体和颜色的设置 1 2 3 4 textStyle:{ fontSize:15, color:'#fff' } 2.样式的设置 1 2 3 4 5 6 7 8 9 legend: { data:systemName, itemWidth:40, itemHeight:20, textStyle:{ fontSize:15, color:'#fff' } } 可以根据需求自己设置。 二、工具箱toolbox的设置 ...
option4 = { title : { text: '', subtext: '' }, color:['#2db7f5','#ff6600','#808bc6'], //关键加上这句话,legend的颜色和折线的自定义颜色就一致了 legend: { icon: 'rectangle', data: ['total', 'dfs_used','non_dfs_used'], right: '4%', textStyle: { fontSize: 12, colo...
legend: { y: '35px', textStyle: { //图例文字的样式 color: 'red', }, }, 1. 2. 3. 4. 5. 6. 7. <!DOCTYPEhtml><html><head><metacharset="UTF-8"><title></title></head><body><!-- 折线统计图 --><divclass="row"><divid="main"style="width:900px;height:350px;margin-to...
axisLabel: {show: true,textStyle: {color: ‘#fff’}}（4）legend 添加legend的时候，必须是series中name的名字和legend中字体的内容是一致的才能显示 legend的颜色是在option里面直接定义的color数组，有几个图例就在color里面写几个颜色值。legend: {color:[‘#4472C5’],data:[‘最近七天喷淋主泵出口压力’...
左边的是设计稿,右边的是echarts的示例图,我们先找不同,需要重新配置的地方,首先是顶部的legend的icon,文字都要改,然后就是X轴的label要过滤换行,中间区域折线上点的样式,Y轴的刻度值区间不是从0开始,由于我的需求折线的条数是不确定的,需要做成动态,话不多说上代码,代码中配置项我都写了注释: ...
color:["#ff9b00","#00ffff",],//全局调色盘,在legend的同级设置color数组,里面的颜色为线对应的颜色legend:{show:true,orient:"horizontal",// 图例信息itemWidth:14,itemHeight:3,textStyle:{color:"#fff",//图例的文字颜色fontSize:12,},right:"5%",top:"3%",data:[{name:"呼入",icon:"rect",}...
ECharts 提供了丰富的 Legend 样式设置选项,包括但不限于: - textStyle:设置 Legend 中文本的字体、大小、颜色等样式; - itemStyle:设置 Legend 中每个数据系列的标识的样式; - orient:设置 Legend 的方向,支持"vertical"(垂直)和"horizontal"(水平)两个值; - data:设置 Legend 显示的数据系列,可以通过数组或...
legend: { // 图例组件 orient: 'horizontal', // 图例列表的布局朝向 right: 1, // 图例组件离容器右侧的距离 textStyle: { color: '#6e6e6e', // 字体颜色 fontWeight: 'normal', fontSize: 12 }, data: ['邮件营销'] // 和series 中的name对应 ...
数据图例的说明一般是legend内设置:不管是柱状还是折线还是环形 lengend同时还可以点击选择显示对应此项目图例的表项 柱状图图例设置例: option:{ legend: { data: ["报修量","闭环量"], textStyle: {//图列内容样式color:'#23ffff',//字体颜色},