想要如图的效果。
如果echarts不行的话,那有其他图表库可以达到这个效果的嘛?(只用线形图)
3 个解决方案
#1
可以的,不定义坐标轴即可。
#2
option = {
legend: {
data:['高度(km)与气温(°C)变化关系']
},
toolbox: {
show : true,
feature : {
mark : {show: true},
dataView : {show: true, readOnly: false},
magicType : {show: true, type: ['line', 'bar']},
restore : {show: true},
saveAsImage : {show: true}
}
},
xAxis : [
{
show : false,
type : 'value',
axisLabel : {
formatter: '{value} °C'
}
}
],
yAxis : [
{
show : false,
type : 'category',
axisLine : {onZero: false},
axisLabel : {
formatter: '{value} km'
},
boundaryGap : false,
data : ['0', '10', '20', '30', '40', '50', '60', '70', '80']
}
],
calculable : true,
tooltip : {
trigger: 'axis',
formatter: "Temperature : <br/>{b}km : {c}°C"
},
series : [
{
name:'高度(km)与气温(°C)变化关系',
type:'line',
smooth:true,
itemStyle: {
normal: {
lineStyle: {
shadowColor : 'rgba(0,0,0,0.4)'
}
}
},
data:[15, -50, -56.5, -46.5, -22.1, -2.5, -27.7, -55.7, -76.5]
}
]
};
定义show : false,
#3
谢谢楼上。
xAxis : [
{
show : false,
}],
yAxis : [
{
show : false,
}].
xAxis : [
{
show : false,
}],
yAxis : [
{
show : false,
}].
#1
可以的,不定义坐标轴即可。
#2
option = {
legend: {
data:['高度(km)与气温(°C)变化关系']
},
toolbox: {
show : true,
feature : {
mark : {show: true},
dataView : {show: true, readOnly: false},
magicType : {show: true, type: ['line', 'bar']},
restore : {show: true},
saveAsImage : {show: true}
}
},
xAxis : [
{
show : false,
type : 'value',
axisLabel : {
formatter: '{value} °C'
}
}
],
yAxis : [
{
show : false,
type : 'category',
axisLine : {onZero: false},
axisLabel : {
formatter: '{value} km'
},
boundaryGap : false,
data : ['0', '10', '20', '30', '40', '50', '60', '70', '80']
}
],
calculable : true,
tooltip : {
trigger: 'axis',
formatter: "Temperature : <br/>{b}km : {c}°C"
},
series : [
{
name:'高度(km)与气温(°C)变化关系',
type:'line',
smooth:true,
itemStyle: {
normal: {
lineStyle: {
shadowColor : 'rgba(0,0,0,0.4)'
}
}
},
data:[15, -50, -56.5, -46.5, -22.1, -2.5, -27.7, -55.7, -76.5]
}
]
};
定义show : false,
#3
谢谢楼上。
xAxis : [
{
show : false,
}],
yAxis : [
{
show : false,
}].
xAxis : [
{
show : false,
}],
yAxis : [
{
show : false,
}].