echart 如何修改折线图的原点的颜色添加提示信息和修改y轴的文字样式。
就是我图片圈起来的地方
这是我的代码 新手求大神指教
option = {
tooltip : {
trigger: 'axis',
},
toolbox: {
show : true,
feature : {
mark : {show: true},
dataView : {show: true, readOnly: false},
magicType : {show: true, type: ['line', 'bar', 'stack', 'tiled']},
restore : {show: true},
saveAsImage : {show: true}
}
},
calculable : true,
xAxis : [
{
type : 'category',
boundaryGap : false,
data : ['2012','2013','2014','2015','2016','2017','2018']
}
],
grid: {
'backgroundColor':'rgba(10,220,110,.5)',
height:'200'
},
yAxis : [
{
type : 'value'
}
],
axisLabel:{
textStyle:{
color:"#333333"//x轴,y轴的数字颜色,如图1
}
},
axisTick:
{
show: false,
},
series : [
{
name:'推广流量',
type:'line',
stack: '总量',
symbol:'circle',
symbolSize:"10",
itemStyle: {normal: {areaStyle: {type: 'default'}}},
color: {
type: 'linear',
x: 0,
y: 0,
x2: 0,
y2: 1,
colorStops: [{
offset: 1, color: '#fefeff' // 0% 处的颜色
}, {
offset: 0.4, color: '#e8efff' // 100% 处的颜色
}],
globalCoord: false // 缺省为 false
},
itemStyle: {
normal: {
areaStyle: {
// 区域图,纵向渐变填充
},
lineStyle:{
color:'#f68698'
}
}
},
data:[50, 110, 80, 200, 240, 70, 350]
},
]
};
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
axisLabel: { //处理单位相关
formatter: '{value}单位'
},
axisLine: { //处理坐标轴颜色
axisLabel: { //处理坐标轴字体
其实网上很多,
`//设置坐标轴的颜色
xAxis: [
{
}
]
//设置折现的颜色和折点的颜色
//设置坐标字体颜色