highchart,highstock,xAxis.labels 横轴坐标相互覆盖

现象:

这是相邻的两个日期相互覆盖,不是数据重复。实际是 【6月13】和【7月13】互相覆盖了。

这种现象发生在边界上,特别是outer edge 和plot area 大小接近时,或者xAxis.labels.overflow = ‘justify‘,当然这是默认设置。还有,一般是显示月份之类间隔较大的数据时。

原因,默认设置下:

当plot area的边界处在6月份时,【6月13】这个label就会一直显示在边界上,所以当边界线接近下一个label时,就会重叠在一起。

解决办法:

找了半天,找不到如何设置才能禁止label在边界上停留。。。。。。。想其他办法,发现当

xAxis.labels.overflow = ‘justify‘时,label是不能出现在plot area 之外的,而当xAxis.labels.overflow = ‘false‘时,label的边界会变成outer edge。但是outer edge上label隐藏的时机却不是下一个label到达【outer edge】,而依然是下一个label到达【plot area edge】

所以,不管用什么办法,要让【outer edge】和【plot area edge】之间有一定距离。

如,设置两边界之间的margin,chart.margin=[0,100,0,100],两边都要设置,因为这个问题左右边界都有

时间: 2024-11-09 02:47:53

highchart,highstock,xAxis.labels 横轴坐标相互覆盖的相关文章

ggplot2 subscript in x-axis labels(ticks, legend)

#==============================# ggplot2: subscript in x-axis labels(ticks) rm(list=ls(all=TRUE))library(ggplot2)data <- data.frame(names=tolower(LETTERS[1:4]),mean_p=runif(4)) p <- ggplot(data,aes(x=names,y=mean_p))p <- p + geom_bar(colour="

Images as x-axis labels

Open-source software is awesome. If I found that a piece of closed-source software was missing a feature that I wanted, well, bad luck. I probably couldn't even tell if was actually missing or if I just didn't know about it. When the source is availa

C# WPF 多个window 相互覆盖的次序控制 不用topmost

原文:C# WPF 多个window 相互覆盖的次序控制 不用topmost ? WindowInteropHelper mianHanel = new WindowInteropHelper(MainWindow.Current); WindowInteropHelper vedioWin = new WindowInteropHelper(this); WindowInteropHelper FrameWin = new WindowInteropHelper(FrameWindow); F

Qt之图形(Source和Dest相互覆盖的取舍,真的很方便)

  源码 ... painter.drawImage(0, 0, destinationImage); painter.setCompositionMode(QPainter::CompositionMode_DestinationOver); painter.drawImage(0, 0, sourceImage); ... 通过函数setCompositionMode()的参数传递QPainter::CompositionMode_DestinationOver常量值,目标(Destinat

JS 封装类

function HighchartsObj(id, type) { var that = this; this.options = { chart : { renderTo : id, type : type, style : { cursor : 'pointer' }, events : { click : function(e) { // console.log(that.extra); var params = that.extra.split(','); if (null != pa

计算机算法设计与分析之棋盘覆盖问题

一.引子 最近又重新上了算法课,现在想来有点汗颜,大学期间已经学习了一个学期,到现在却依然感觉只是把老师讲过的题目弄懂了,并没有学到算法的一些好的分析方法和思路,碰到一个新的问题后往往感觉很棘手,痛定思痛之后觉得还是好好再学习一遍,争取能理解透彻每种算法的思路和核心,同时也劝诫各位同行们做事要脚踏实地,不能应付老师的作业,最后吃亏的还是自己啊. 二.棋盘覆盖问题 在一个由2^k *2^k个方格组成的棋盘中,恰有一个方格与其他方格不同,称该方格为一特殊方格,且称该棋盘 为一特殊棋盘.现有四种L型骨

java系列--重载和覆盖小结

继承中属性的隐藏和方法的覆盖      java中规定,子类用于隐藏的变量可以和父类的访问权限不同,如果访问权限被改变,则以子类的权限为准      java中允许子类的变量与父类变量的类型完全不同,以修改后的数据类型为准java允许父类的变量被子类的常量隐藏,也允许父类的常量被子类的变量隐藏      java允许用实例成员变量来隐藏静态成员变量,也允许用静态成员变量来隐藏实例成员变量覆盖 覆盖必须满足两个条件:1.方法名称必须相同 2.方法的参数必须完全相同,包括参数个数.类型.顺序   

JS事件覆盖问题和触发问题

昨天遇到一个面试题,主要就是事件覆盖问题和触发问题 (不是打广告,无视文本内容) 总之这样的话,会输出三次"做自己的网站". 为什么不是两次,而是输出三次呢? 1.首先onclick=function...是DOM0级事件处理程序,而addEventListener是DOM2级事件处理程序,这两种属于不同类,不会相互覆盖. 2.此外事件监听的第三个参数是设置事件处理程序的调用阶段,true是捕获阶段,false是冒泡阶段,默认为false.如果处在不同阶段的话就不会相互覆盖. 综上两点

Highcharts的基本属性和方法详解

Highcharts 是一个用纯JavaScript编写的一个图表库, 能够很简单便捷的在web网站或是web应用程序添加有交互性的图表,并且免费提供给个人学习.个人网站和非商业用途使用. 目前HighCharts支持的图表类型有曲线图.区域图.柱状图.饼状图.散状点图和综合图表. HighCharts界面美观,由于使用JavaScript编写,所以不需要像Flash和Java那样需要插件才可以运行,而且运行速度快.另外HighCharts还有很好的兼容性,能够完美支持当前大多数浏览器. 下面给