`

控制highCharts中坐标轴的起始刻度

阅读更多

HighCharts的设定挺多的,用到了哪个就记下来,这次是关于坐标轴的起始值的问题。
下面的代码演示了如何固定坐标轴的起始值。

$(function () {
    var chart = new Highcharts.Chart({
        chart: {
            renderTo: 'container'
            
        },
        xAxis: {
            categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
        },
        
        yAxis: {
            min: 0, // 这个用来控制y轴的开始刻度(最小刻度),另外还有一个表示最大刻度的max属性
            startOnTick: false // y轴坐标是否从某一刻度开始(这个设定与标题无关)
        },
        
        series: [{
            data: [-29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]        
        }]
    });
});​
1
1
分享到:
评论
2 楼 tjmljw 2012-09-03  
重新new一个highcharts对象即可,你可以参考这个测试内存泄露的网页http://www.highcharts.com/tests/?file=memory-chart-destroy
1 楼 xautjzd 2012-08-30  
请问如何给其动态赋值呢?我想动态给其赋值一个数组,但是chart.series.setData(array)貌似不行

相关推荐

    Highcharts学习之坐标轴

    下面一起来学习学习Highcharts的坐标轴。 tags: 1.标题 xAxis:{ title:{ text:'x轴标题' } } yAxis:{ title:{ text:'y轴标题' } } 2.标签 labels:enabled、formatter、setp yAxis:{ labels:{ enable

    折线、双Y轴、不交叉、highcharts、按照日期分割线

    折线、双Y轴、不交叉、highcharts、按照日期分割线 折线、双Y轴、不交叉、highcharts、按照日期分割线

    Highcharts-8.1.2.zip

    75% 的直角坐标系(包含 X轴 和 Y轴)图表中是时间轴图表,因为 Highcharts 对时间轴的处理非常智能。Highcharts 以毫秒为单位,可以精确的计算出月、周、日、小时、分钟等时间刻度的位置。 exporting导出和打印 ...

    Highcharts中文API.doc

    Highcharts中文API.doc

    最新highcharts中文API.pdf

    最新highcharts中文API 代码说明 defaultSeriesType:图表类别,可取值有:line、spline、area、areaspline、bar、column等等 title:最顶端的标题 subtitle:最顶端的子标题 xAxis:X轴,数据以数组的形式组装...

    highcharts中文帮助文档(API)

    Highcharts 是一个用纯JavaScript编写的一个图表库, 能够很简单便捷的在web网站或是web应用程序添加有交互性的图表,并且免费提供给个人学习、个人网站和非商业用途使用。HighCharts支持的图表类型有曲线图、区域图...

    highcharts中文帮助文档

    为了大家更好的学习highcharts,特地整理了 highcharts的中文帮助文档。 文档主要翻译常用的选项配置,如果想看详细配置请看官网

    Highcharts-4.0.3 示例 (添加次刻度尺)

    Highcharts-4.0.3 官方示例,添加样式更方便操作,修改源代码提供次刻度尺功能,修改部分之前版本的bug,修改示例详见:Line charts --> Spline with symbols,仅供学习.

    Highcharts-4.0.4中文api和demo

    Highcharts-4.0.4含中文API,Highcharts 是一个用纯JavaScript编写的一个图表库,HighCharts特点:1.兼容性:HighCharts采用纯JavaScript编写,兼容当今大部分的浏览器,包括Safari、IE和火狐等等; 2.图表类型众多:...

    highcharts图表插件(中文包和本地下载)

    包含了highcharts.js、中文插件、导出插件、本地下载的插件。

    highcharts中文文档

    highcharts完整的中文文档,对照原版文档效果更好。

    highcharts 中文文档

    Highcharts是一个制作图表的纯Javascript类库,主要特性如下: 兼容性:兼容当今所有的浏览器,包括iPhone、IE和火狐等等; 对个人用户完全免费; 纯JS,无BS; 支持大部分的图表类型:直线图,曲线图、区域图、区域...

    jquery Highcharts jquery Highcharts

    jquery Highcharts jquery Highcharts jquery Highcharts

    highcharts

    报表显示 highcharts 报表显示 highcharts 报表显示 highcharts

    AspNet的Highcharts中文翻译Demo

    AspNet Highcharts 中文版,将各英文名翻译成中文,方便查看学习

    highcharts中文API

    这是我整理的highcharts报表插件的中文API,还有几个参数没有整理完,但是所整理的参数都是比较详细的,希望对大家有所帮助~

    Highcharts-Maps-8.1.2.zip

    为了呈现多彩的地图,Highmaps中有一个单独的颜色轴,它继承了坐标轴的大部分功能用来设置常见的属性,如最小值、最大值、极坐标等。 导航器 Highmaps具有所有常用的导航功能:加/减按钮,双击放大,滚动鼠标轮放大...

Global site tag (gtag.js) - Google Analytics