`

控制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 中文文档

    9. 坐标轴刻度设置,包括是否在刻度开始和结束位置绘制标记(startOnTick, endOnTick),以及标记的放置位置(fickmarkPlacement)和间隔(fickPixelInterval)。 Highcharts支持的数据格式多样,可以是数组形式,也可以...

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

    在这个特定的场景中,我们关注的是如何使用Highcharts来绘制一个具有双Y轴的折线图,并且这两条折线不会交叉,同时根据日期设置分割线,而且要确保在旧版本的IE浏览器(如IE8)中也能正常工作。 首先,我们需要了解...

    highcharts中文帮助文档(API)

    Highcharts是一个功能丰富的JavaScript图表库,其文档在中文社区中受到了广泛的关注。Highcharts支持多种图表类型,包括曲线图、区域图、柱状图、饼状图、散状点图以及综合图表。作为图表库中的佼佼者,Highcharts...

    highcharts 中文API及DEMO

    `xAxis`和`yAxis`用于定义横纵坐标轴的属性,包括刻度、标签、范围等;`tooltip`则控制图表上的悬浮提示信息。 在配置选项中,`chart`对象是图表的基本设置,包括类型、宽度、高度、背景色等;`title`和`subtitle`...

    highcharts中文帮助文档

    为了大家更好的学习highcharts,特地整理了highcharts的中文帮助文档。 文档主要翻译常用的选项配置

    Highcharts-8.1.2.zip

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

    Highcharts中文文档

    - **tickPixelInterval**:控制横坐标的密度,即相邻两个刻度标记之间的像素间隔。 - **tickColor**:坐标轴上刻度标记的颜色。 - **tickWidth**:坐标轴上刻度标记的宽度。 - **lineColor**:坐标轴线条的颜色。 - ...

    最新highcharts中文API.pdf

    Highcharts是一款流行的JavaScript图表库,它提供了一系列易于使用的接口,用于在Web页面中生成各种交互式的图表。最新highcharts中文API.pdf文件主要对highcharts的常用选项配置进行了翻译整理,以便国内开发者更好...

    highcharts:组合图,生成可以点击的横坐标

    首先,让我们理解“组合图”在Highcharts中的概念。组合图是指在一个图表中同时展示多种类型的图表,如折线图、柱状图、饼图等,以直观地对比不同数据系列的表现。这在数据分析和数据展示时非常有用,可以帮助用户...

    AspNet的Highcharts中文翻译Demo

    4. **示例代码**: ASP.NET页面或MVC控制器及视图文件,展示了如何在ASP.NET应用中使用Highcharts。 5. **数据文件**: 可能包含JSON或CSV等格式的数据文件,用于填充图表。 6. **图片和其他资源**: 可能包括图表所需...

    Highcharts中文API.doc

    "Highcharts中文API.doc" Highcharts是一个功能强大且流行的图表库,提供了丰富的API接口,允许开发者创建各种类型的图表,从简单的折线图到复杂的交互式图表。下面我们将对Highcharts中文API进行详细的解读。 ...

    highcharts中文文档

    `chart` 选项是Highcharts中最基础且重要的配置项之一,用于控制图表的基本外观和行为。具体参数包括: - **`alignTicks`: Boolean** - 是否对齐轴上的刻度。 - **`animation`: Boolean | Object** - 设置图表的...

    highcharts&highstock中文API

    - **alignTicks**:多轴时是否让最小刻度自动对齐,默认为`true`,这有助于保持不同轴的一致性和清晰度。 - **renderTo**:指定图表渲染到的HTML元素,这是创建图表时必须设置的属性,通常是一个div元素的ID。 ...

    网页图表Highcharts实践教程基础篇

    - **设定刻度值**:指定坐标轴上的刻度位置和值。 - **主刻度线**:定义主刻度线的样式。 - **次刻度线**:控制次刻度线的显示和样式。 - **刻度标签**:自定义刻度标签的文本和格式。 - **时间日期型坐标轴刻度**:...

Global site tag (gtag.js) - Google Analytics