lineStyle: { color: '#53f4ef' // 设置底部x轴颜色 } } }, yAxis: { type: 'value', axisLine: { show: true, // 显示Y轴线 lineStyle: { color: '#53f4ef' // y轴上字体的颜色 } }, axisTick: { show: true // 显示y轴上的刻度线 }, splitLine: { lineStyle: { color: 'rgba(255...
lineStyle: { // 系列级个性化折线样式,横向渐变描边 width: 2, color: (function (){ var zrColor = require('zrender/tool/color'); return zrColor.getLinearGradient( 0, 0, 1000, 0, [[0, 'rgba(255,0,0,0.8)'],[0.8, 'rgba(255,255,0,0.8)']] ) })(), shadowColor : 'rgba(0,0,...
symbol: 'circle', lineStyle: { // 关系边的公用线条样式。其中 lineStyle.color 支持设置为'source'或者'target'特殊值,此时边会自动取源节点或目标节点的颜色作为自己的颜色。 normal: { color: '#000', // 线的颜色[ default: '#aaa' ] width: 1, // 线宽[ default: 1 ] type: 'solid', // ...
{color| Function}color 图表各异 通用 颜色,主色 颜色,主色,函数回调参数为{seriesIndex:x, series:xxx, dataIndex:y, data:yyy} {Object}lineStyle Expand Down 11 changes: 10 additions & 1 deletion11src/component/base.js Original file line numberDiff line number...
lineStyle:{ color:'#758697',//x坐标轴的轴线颜色width:1,//这里是坐标轴的宽度,可以去掉} } } ], y轴同理,同时type=value时,y轴会根据最大data自动调整,例如data最大是7100,那y轴最大就是8000。 7、legend图例改变形状,使用icon,默认圆角矩形roundRect,可选项有'circle' 椭圆,'rect' 矩形, 'roundRec...
,axisline_opts=opts.AxisLineOpts(is_on_zero=False,linestyle_opts=opts.LineStyleOpts(color="#d14...
symbolSize: function(value) { // 点的大小跟随数值增加而变大 return value / 150; }, symbol:'circle', itemStyle: { normal: { label : { show: true }, lineStyle:{ color: 'rgba(0,0,0,0)'// 折线颜色设置为0,即只显示点,不显示折线 ...
},yAxis: {type: 'category',data: serviceKey,axisLine: {lineStyle: {color: '#eee'} } },series: [{name: '耗时',type: 'bar',data: avgTime,//beginitemStyle: {normal:{color: function (params){var colorList = ['rgb(205,85,85)','rgb(210,105,30)','rgb(0,139,0)','rgb(178,...
axisTick:{length:40,// 延长刻度线做分组线inside:true,// 使刻度线相对轴线在上面与原x轴相接,默认在轴线下方lineStyle:{color:'#ff9800'},// 非必须,仅为了演示,明显标示出分组刻度线interval:function(index,value){returnindex===0||index===5||index===6// 在0、5、6处各画一条刻度线}},data...
lineStyle:{normal:{type:'solid',/*color:"#28a5fc",*/color:"red",opacity:"0.5"}} 如下图所示: (2)设置移动折线图的 “上下左右” 的位置 代码片段: 代码语言:javascript 复制 grid:{x:40,y:20,x2:20,y2:60,show:true,//表示开启borderColor:"#e4e4e4",//折线图的边宽颜色shadowBlur:50...