`

控制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属性介绍.pdf

    - `startOnTick`: 是否使x轴起始于最近的刻度线。 - `tickColor` 和 `tickWidth`: 刻度线的颜色和宽度。 这些只是Highcharts配置的一部分,还有其他如`yAxis`、`series`、`tooltip`、`legend`等更多选项,可以...

    highchars入门使用手册

    `crosshairs`允许你设置横纵坐标轴的标线,控制其是否显示、宽度和颜色。 5. `credits`:可以禁用默认的Highcharts logo(`enabled: false`)。 6. `series`:这是最重要的部分,定义图表中的数据系列。每个系列...

    jQuery插件HighCharts实现的2D对数饼图效果示例【附demo源码下载】

    由于是饼图,所以X轴和Y轴在这个特定案例中并不直观可见,但可以通过鼠标悬停在饼图的各个部分上,查看提示框显示的坐标值来理解对数轴的使用。 此外,文中还提到提供了完整的实例代码下载,这可以帮助读者在本地...

    hightChat 统计图的实例,API

    此外,还可以自定义颜色、标签、x轴和y轴的刻度等。 二、折线图(Line Chart) 折线图常用于展示数据随时间的变化趋势。在 HighChat 中,只需将 `type` 设置为 `'line'` 即可创建折线图。你可以设置 `pointInterval...

    javascript 在客户端绘制图表系列二.doc

    `y_start_x`表示Y轴的起始位置,`scale`决定了Y轴的刻度间隔,`IsDrawArrow`布尔值决定是否在Y轴上绘制箭头,`ArrowLength`则设定了箭头的长度。 `drawBar`方法是实际绘制柱状图的核心,它接收两个参数`_y`和`_x`,...

Global site tag (gtag.js) - Google Analytics