
highcharts
lvw1105
这个作者很懒,什么都没留下…
展开
-
highcharts中x轴曲线不连续时的解决办法
[img]http://dl.iteye.com/upload/attachment/614437/82aca3f1-8e29-37a7-966a-2a3f6387d015.jpg[/img]如上所示,两点之间发生断裂。两个点之间差距过大时,显示为断开的线条,按如下设定后,可以把断开的线条封闭起来。[code="html"] plotOptions: { ...2011-12-30 16:36:06 · 203 阅读 · 0 评论 -
Highcharts笔记
[code="js"]chart: { renderTo: 'container', // 设定显示图标的容器,也就是div的id type: 'column', // 设定显示为柱图,缺省显示曲线 marginTop: 100px, // 曲线区域与图表顶端的距离 spacingTop: 100px // 内容区域与图表顶端的距离},yAxis...2013-07-09 20:32:48 · 123 阅读 · 0 评论 -
控制highCharts中坐标轴的起始刻度
HighCharts的设定挺多的,用到了哪个就记下来,这次是关于坐标轴的起始值的问题。下面的代码演示了如何固定坐标轴的起始值。[code="js"]$(function () { var chart = new Highcharts.Chart({ chart: { renderTo: 'container' ...2012-07-19 17:37:13 · 1260 阅读 · 0 评论 -
highcharts 大量数据下y轴值精度丢失的解决
使用Highcharts Stock绘制了1000个点,highcharts默认自动根据日期为数据进行分组,并计算y轴的平均值,结果导致y轴的值不够精确(现象:随着区间的放大缩小,y轴的值忽大忽小),解决也很简单,在参数设定中关闭数据分组功能即可。[code="javascript"] plotOptions: { line: { dataGrou...2012-02-21 19:03:27 · 590 阅读 · 0 评论 -
控制Highcharts中x轴和y轴坐标值的密度
绘制小一点的Highcharts图表的时候,因为图表太小了,坐标轴上的刻度值显示不出来怎么办捏,只要把yAxis或者xAxis中的tickPixelInterval设小一点就ok了。这个属性表示区域内坐标刻度之间的间隔距离,单位是像素,y轴默认值72,x轴默认值100。[code="js"]chart = new Highcharts.Chart({ chart:{ ...原创 2012-05-30 15:36:04 · 843 阅读 · 0 评论 -
highcharts 内存泄露的解决
使用了定时ajax刷新,趋势图不停的刷新,在chrome中没有问题,但在ie中内存的使用不断增加.无意中看到了hightcharts网站上有一个内存泄露的测试,测试了一下发现ie的内存使用得到了很大改善.http://www.highcharts.com/tests/?file=memory-chart-destroy总结:// 绘制趋势图chart = new Highc...2012-01-19 16:49:23 · 790 阅读 · 0 评论 -
HighCharts线型设定
HighChartsdefaultSeriesType与plotOptions里的设定要一致,例如:defaultSeriesType: [b]'line'[/b],plotOptions: { [b]line[/b]: { lineWidth: 1, states: { hover: { lineWidth: 1 } },...2012-01-16 19:45:18 · 168 阅读 · 0 评论 -
HighCharts 的悬停框与chrome的冲突
浏览器版本:chrome 16.0.912.15HighCharts版本:Highstock JS v1.1.2在tomcat中调试程序时发现鼠标滑过chart的时候,跟随鼠标的悬停框(小提示框)不见了。但是浏览其它静态画面时,悬停框的显示还是正常的。打开chrome的审查元素,看到下面的一行错误提示:Uncaught TypeError: Cannot read proper...2012-01-09 18:17:06 · 181 阅读 · 0 评论 -
highcharts 时间问题
highcharts 中默认开启了UTC(世界标准时间),由于中国所在时区为+8,所以经过highcharts的处理后会减去8个小时。如果不想使用UTC,可以进行如下设置。[code="html"] Highcharts.setOptions({ global: { useUTC: false } }); [/code]...2011-12-30 16:43:37 · 177 阅读 · 0 评论 -
highcharts 取得y轴的最大最小值
highcharts的y轴可以指定最大最小值,如果不指定则由highcharts自动调整,使用下面的方法,在完成charts的绘制后,可以取得y轴的最大最小值。[code="js"]myChart = Highcharts.Chart(.....);miny = myChart.yAxis[0].min;maxy = myChart.yAxis[0].max;[...原创 2013-07-17 14:30:16 · 891 阅读 · 0 评论