`

Highcharts柱图,设置X轴各Column的间距

 
阅读更多
plotOption : {
    column : {
        // 设置每个柱自身的宽度
        pointWidth :
        // x轴每个点只用一个柱,则这个属性设置的是相邻的两个点的柱之间的间距。
        // 如果x轴每个点有2个柱,则这个属性设置的是左侧点的右柱与右侧点的左柱之间的间距。
        // 0.5的含义是,如果x轴长100px,则间距是100*0.5=50px
        pointPadding : 0.5
        // 如果x轴一个点有两个柱,则这个属性设置的是这两个柱的间距。
        groupPadding : 0.5
    }
}

参考Highcharts的API
分享到:
评论

相关推荐

    最新highcharts中文API.pdf

    常见的图表类型包括折线图(line)、平滑折线图(spline)、面积图(area)、区域平滑折线图(areaspline)、柱状图(bar)、列状图(column)、饼图(pie)以及散点图(scatter)等。 title和subtitle两个选项分别用于设置图表的最...

    纯Javascript的统计图形报表,带实例和详细的说明文档 Highcharts

    zoomType 拖动鼠标进行缩放,沿x轴或y轴进行缩放,可以设置为:'x','y','xy' '' events 事件回调,支持addSeries方法,click方法,load方法,selection方法等的回调函数。 Color 颜色选项 Color颜色选项用于...

    Highcharts选项配置详细说明文档

    1. `categories`: X轴或Y轴的分类名称。 2. `title`: 包含`text`、`enabled`、`align`、`rotation`和`style`等属性,用于设置轴标题。 3. `labels`: 设置轴标签样式,包括`style`、`formatter`和`rotation`等。 4. `...

    highcharts.js的柱形图插件实现最近30天各级预警CASE分布图代码.zip

    3. **Highcharts配置对象**:这是一个JavaScript对象,包含了图表的所有配置项,如标题、x轴、y轴、系列(对应柱子)、颜色、工具提示等。 以下是一个基础的柱状图配置示例: ```javascript var chartOptions = { ...

    Highcharts word api 中文文档

    Highcharts 是一款强大的JavaScript库,用于创建各种类型的交互式图表,包括折线图、柱状图、饼图等。在Highcharts中,API是开发者控制图表样式、行为和数据的关键工具。以下是对Highcharts API中一些核心选项的详细...

    highcharts中文帮助文档

    Highcharts 是一款强大的JavaScript库,专门用于创建交互式的柱状图、线形图、饼图、时间轴等数据可视化图表。这个中文帮助文档是专为方便开发者理解和使用Highcharts而编译的,它包含了基本的图形类型、图表区选项...

    highcharts.js数据绑定方式代码实例

    `xAxis`和`yAxis`分别设置了X轴和Y轴的属性。在这个例子中,`xAxis`的`categories`属性用于设定分类轴的标签,而`yAxis`没有设置标题。 `plotOptions`中的`column`配置了柱状图的具体样式,如点的内填充、边框宽度...

    highchars中文API

    Highcharts 是一款强大的JavaScript图表库,它允许开发者创建各种类型的图表,如柱状图、折线图、饼图等。中文API提供了详细的帮助文档,方便中国用户理解和使用。以下是Highcharts的一些关键配置选项的详细说明: ...

    highchart中文帮助文档

    - **zoomType**: 拖动鼠标缩放图表,可设置为`x`、`y`或`xy`,分别表示沿X轴、Y轴或同时沿X轴和Y轴缩放。 - **events**: 支持各种事件回调,如`addSeries`、`click`、`load`和`selection`等。 #### Color颜色选项 ...

Global site tag (gtag.js) - Google Analytics