Echarts的仪表盘组件是一个比较炫酷的图表，能瞬间提升页面B格。但是默认的仪表盘组件的刻度都是按照设置的最大值均匀分布的。而实际应用中很多场景需要将部分数值区间放大显示到仪表盘上，比如仪表盘前面 50% 显示 0-10 的数值范围后面 50% 就显示 10-50 的范围。这种不规则的刻度不能直接调用 Echarts 提供的方法。需要将数据根据需求进行转换。本资源代码解决了不规则刻度的需求，提供了通用的数据转换方法，及可运行的实例。
实现效果请参考：https://blog.csdn.net/evanyanglibo/article/details/114010213
2021-02-23 20:03:06
270KB
Echarts时间轴的刻度计算有缺陷的，本人结合d3.js的时间比例尺代码，整合到了Echarts插件中，实现了年、月、日、小时、分钟、秒的刻度轴构建。
2020-11-11 14:55:38
491KB
1
整理的坐标轴范围刻度确定算法代码及相关文献，应用于自己开发绘图程序时，自适应计算坐标范围及刻度，有好几个算法，需要的拿去，献给需要的人！
2020-01-14 03:15:59
1.73MB
1
Jquery时间滑块TimeSlider增强显示。
有刻度，可用CSS设置长短，可以隐藏中间部分刻度的标签。
调用方法：
$("#timeBarSlider")
.slider({
min: 0, max: 1440, range: false, value: 0,
slide: function (event, ui) {
//滑动过程中显示实时的值（时间）
$("#days").val(intToTimeStr(ui.value));
}
})
.slider("pips", { rest: "label" })
.slider("float");
$("#timeBarSlider").on("slidechange", function (e, ui) {
//滑动/点击标签结束后的值（时间）
$("#days").val("结果：" + intToTimeStr(ui.value));
//alert("结果：" + intToTimeStr(ui.value));
});
function setValue() {
//设定值
$("#timeBarSlider").slider('option', 'value', 720); ;
}
//数字（分钟）转时间格式（时:分）的字符串
function intToTimeStr(num) {
var myhour = Math.floor(num / 60);
var myMinute = num % 60;
if (myhour < 10) { myhour = "0" + myhour; }
if (myMinute < 10) { myMinute = "0" + myMinute; }
return myhour + ":" + myMinute;
}
2019-12-21 22:12:33
55KB
1