1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > html中的x轴y轴坐标图 ECharts xAxis配置 x坐标轴刻度

html中的x轴y轴坐标图 ECharts xAxis配置 x坐标轴刻度

时间:2024-03-04 15:33:31

相关推荐

html中的x轴y轴坐标图 ECharts xAxis配置 x坐标轴刻度

xAxis.min | number, string, function

[ default: null ]

坐标轴刻度最小值。

可以设置成特殊值'dataMin',此时取数据在该轴上的最小值作为最小刻度。

不设置时会自动计算最小值保证坐标轴刻度的均匀分布。

在类目轴中,也可以设置为类目的序数(如类目轴data: ['类A', '类B', '类C']中,序数2表示'类C'。也可以设置为负数,如-3)。

当设置成function形式时,可以根据计算得出的数据最大最小值设定坐标轴的最小值。如:min: function(value) {

return value.min - 20;

}

其中value是一个包含min和max的对象,分别表示数据的最大最小值,这个函数应该返回坐标轴的最小值。

xAxis.max | number, string

[ default: null ]

坐标轴刻度最大值。

可以设置成特殊值'dataMax',此时取数据在该轴上的最大值作为最大刻度。

不设置时会自动计算最大值保证坐标轴刻度的均匀分布。

在类目轴中,也可以设置为类目的序数(如类目轴data: ['类A', '类B', '类C']中,序数2表示'类C'。也可以设置为负数,如-3)。

当设置成function形式时,可以根据计算得出的数据最大最小值设定坐标轴的最小值。如:max: function(value) {

return value.max - 20;

}

其中value是一个包含min和max的对象,分别表示数据的最大最小值,这个函数应该返回坐标轴的最大值。

实例:

w3cschool ()

// 基于准备好的dom,初始化echarts实例

var myChart = echarts.init(document.getElementById('main'));

// 指定图表的配置项和数据

var option = {

title: {

text: 'W3Cschool'

},

xAxis: {

min: -100,

max: 80,

},

yAxis: {},

};

// 使用刚指定的配置项和数据显示图表。

myChart.setOption(option);

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。