使用媒体查询修改yAxys组件的行为

时间:2018-02-18 05:34:06

标签: javascript charts media-queries responsive echarts

我正在使用ECharts创建响应式图表,并且为了改善用户的视觉体验,我需要删除0(最小值)和{{1}之间的中间值yAxis上显示的最大值:

enter image description here

这是我的代码:

1

1 个答案:

答案 0 :(得分:0)

尝试使用yAxis.interval选项。

清洁解决方案

String url = "test";
String getComments2 = "test1";
String getTime1 = "test2";
String sqlSelect = "Select comment from predata";
PreparedStatement ps1 = conn.prepareStatement(sqlSelect);
ResultSet rs =  ps1.executeQuery();

boolean exists = false;
while(!rs.last()||(!exists)) {
    rs.next();
    if(rs.getString("Comment").compareTo(getComments2)==0) {
        exists = true;
    }
    if(!exists||rs ==null) {
        PreparedStatement ps = conn.prepareStatement("INSERT into predata (topic,comment,date) VALUES (?,?,?)");
        ps.setString(1, url);
        ps.setString(2, getComments2);
        ps.setString(3, getTime1);
        ps.executeUpdate();
    }
}

或使用函数(闭包):

option: {
    yAxis: {
        interval: 1
    }
}

它接受数字和函数,因此即使使用可变数据集,您也可以实现所需。

肮脏的解决方案

option: {
    yAxis: {
        interval: (() => {
            return 1;
        })()
    }
}

由于eCharts 始终在yAxis上显示option: { yAxis: { interval: 9999999999 } } min值,因此将间隔设置得非常高会删除其间的所有数字。