Question

我正在寻找使用倒置列式图表从高级图表开发甘特图，并且需要能够为给定数据点可视化里程碑（高图符号？）。到目前为止我所拥有的：http://jsfiddle.net/gys2jxhw/。这可能吗？

$（function（）{

$('#container').highcharts({

    chart: {
        type: 'columnrange',
        inverted: true
    },

    title: {
        text: 'Project Deliverables'
    },

    xAxis: {
        categories: ['Task X']
    },

    yAxis: {
        title: {
            text: 'Timeline'
        },            
        type: 'datetime'
    },

    tooltip: {
        xDateFormat: '%Y-%m-%d'
    },

    plotOptions: {
        columnrange: {
            dataLabels: {
                enabled: false,
                formatter: function () {
                    return this.y;
                }
            }
        }
    },

    legend: {
        enabled: false
    },

    series: [{
        name: 'Timeline',
        data: [{
            low:Date.UTC(2013,5,2), 
            high: [Date.UTC(2013,5,12)]
        }]
    }]
});

}）;

Answer 1

您可以使用散点图系列将点放在任意位置。

所以，你的系列设置：

series: [{
  name: 'Timeline',
  data: [{
    low: Date.UTC(2013, 5, 2),
    high: [Date.UTC(2013, 5, 12)]
  }]
}]

添加第二个类型为：scatter的系列，并将该点放在您需要的位置：

series: [{
  name: 'Timeline',
  data: [{
    low: Date.UTC(2013, 5, 2),
    high: [Date.UTC(2013, 5, 12)]
  }]
}, {
  name: 'Marker',
  type: 'scatter',
  data: [
    [0, Date.UTC(2013, 5, 12, 12, 0, 0)]
  ]
}]

更新了小提琴：

http://jsfiddle.net/jlbriggs/gys2jxhw/1/

然后，您可以使用工具提示和/或数据标签进一步增强价值，以传达其他信息。

Highcharts：在倒置的列范围图表系列中添加符号

1 个答案: