highcharts.js:相等间隔的静态刻度

时间:2014-01-08 19:26:34

标签: javascript highcharts jpgraph

即使刻度标记之间的差异不相等,是否可以将静态刻度标记相等?例如,以下是我如何在柱形图中设置yAxis:

yAxis: 
{
    min: 0,
    title: 
    {
        text: 'Velocity (in/sec)'
    },
    labels: 
    {                           
        overflow: 'justify'
    },
    tickPositions: [0.01, 0.10, 1.00, 10.00]
}

我希望0.01-0.10占据图表的33%,0.10-1.0占据33%,1.0-10.0占据剩余的34%,列根据其值落入到位。

我有一些具有此功能的JPGraphs,我希望它可以转移到highcharts.js。

2 个答案:

答案 0 :(得分:2)

听起来你只想要logarithmic axis

    yAxis: {
        type: 'logarithmic',
        min: 0.01,
        max: 10
    },

这是一个小提琴example

答案 1 :(得分:0)

AFAIK Highcharts不支持自动创建直方图,但您可以使用所需标签向xAxis添加类别,然后创建数据数组以匹配这些类别。

xAxis: {
            categories: ['0.01', '0.10', '1.00', '10.00']
        },
series: [{
            data: [10, 52, 1, 0]        
        }]

http://api.highcharts.com/highcharts#xAxis.categories