我使用highcharts入侵的甘特图的工具提示似乎无法正常工作。 我从这里使用了highcharts团队提供的甘特图:

http://jsfiddle.net/highcharts/r6emu/

我正在使用UnixTime,这似乎以某种方式抛弃了工具提示。 这里-:

http://jsfiddle.net/bootkick/NFS5M/

// Define tasks
var tasks = [{
"name": "a",
    "intervals": [{
    "from": 1366005607000,
        "to": 1366006490000
}]
}, {
"name": "b",
    "intervals": [{
    "from": 1366059607000,
        "to": 1366061858000
}, {
    "from": 1366056006000,
        "to": 1366058223000
}, {
    "from": 1366047007000,
        "to": 1366049299000
}, {
    "from": 1366034407000,
        "to": 1366036682000
}, {
    "from": 1366030808000,
        "to": 1366033050000
}, {
    "from": 1366027208000,
        "to": 1366029512000
}, {
    "from": 1366018209000,
        "to": 1366021296000
}]
}, {
"name": "c",
    "intervals": [{
    "from": 1366018209000,
        "to": 1366019966000
}]
}, {
"name": "d",
    "intervals": [{
    "from": 1366005607000,
        "to": 1366047612000
}, {
    "from": 1366002007000,
        "to": 1366002202000
}]
}];


// re-structure the tasks into line seriesvar series = [];
var series = [];
$.each(tasks.reverse(), function (i, task) {
var item = {
    name: task.name,
    data: []
};
$.each(task.intervals, function (j, interval) {
    item.data.push({
        x: interval.from,
        y: i,
        label: interval.label,
        from: interval.from,
        to: interval.to
    }, {
        x: interval.to,
        y: i,
        from: interval.from,
        to: interval.to
    });

    // add a null value between intervals
    if (task.intervals[j + 1]) {
        item.data.push(
        [(interval.to + task.intervals[j + 1].from) / 2, null]);
    }

});

series.push(item);
});


// create the chart
var chart = new Highcharts.Chart({

chart: {
    renderTo: 'container'
},

title: {
    text: 'Daily activities'
},

xAxis: {
    type: 'datetime'
},

yAxis: {
    tickInterval: 1,
    labels: {
        formatter: function () {
            if (tasks[this.value]) {
                return tasks[this.value].name;
            }
        }
    },
    startOnTick: false,
    endOnTick: false,
    title: {
        text: 'Activity'
    },
    minPadding: 0.2,
    maxPadding: 0.2
},

legend: {
    enabled: false
},

tooltip: {
    formatter: function () {
        return '<b>' + tasks[this.y].name + '</b><br/>' + Highcharts.dateFormat('%H:%M', this.point.options.from) +
            ' - ' + Highcharts.dateFormat('%H:%M', this.point.options.to);
    }
},

plotOptions: {
    line: {
        lineWidth: 9,
        marker: {
            enabled: false
        },
        dataLabels: {
            enabled: true,
            align: 'left',
            formatter: function () {
                return this.point.options && this.point.options.label;
            }
        }
    }
},

series: series

});

我对Javascript和Highcharts还是比较陌生,所以请原谅(如果有)。

===============>>#1 票数:1

我想到了。 问题是名称/类别中的“从”到“时间戳”对不按升序排列。 为了使工具提示正常工作,它们必须按照升序排列,这有点奇怪。

  ask by bootkick translate from so

未解决问题?本站智能推荐:

1回复

Highcharts工具提示始终相同

我有一个显示正确图表的图表(即输入正确)。 不管我使用默认的工具提示行为还是创建自己的格式化函数,我都无法理解某些奇怪的行为。 无论我将鼠标放在图表上的哪个位置,工具提示的值始终相同。 该图是正确的,我100%确定值不相同。 以下是我用于图表设置的代码。 } 我使用
1回复

Highcharts打包的气泡图不适用于负值

我使用的是高级图表打包的气泡图,我需要根据其值(负值)显示不同大小的气泡。 当我传递正值时,它工作正常,但是当传递负值时,圆的大小没有变化。 有什么方法可以显示带有负值的图表? js小提琴链接的代码示例 带有负值的图 具有正值的图
1回复

Highcharts:代码可在Fiddle中使用,但不适用于Visual Studio

我是VS和Highcharts的新手。 所以我需要你的帮助! 在VS中运行代码时出现以下错误: (匿名功能) 在Fiddle中工作正常! 有谁知道如何解决这个问题? 这是我的小提琴的链接:这是我的小提琴的链接: http://jsfiddle.net/vbs
2回复

Highcharts - 如何在工具提示中显示图例符号

我对Highcharts有疑问,我想问一下。 我有一个Highcharts,我想将预览符号从图例复制到工具提示。 我在两个不同的情况下这样做: 线条:我有2个不同的系列(1个带实线,1个带短划线)。 这是highcharts的默认设置,所以我想它会更容易一些。 酒
2回复

无法在HighCharts中正确定位工具提示内容

我正在使用HighCharts组合图比较预测值(由线表示)和累积值(由列表示)。 累积值每周保持增长,我希望能够看到它是否达到预测的预测值。 我在这个JS小提琴http://jsfiddle.net/aroauy4t/中创建了一个图。 我已经显示了下面的js代码。 但是,当x轴
4回复

自定义highcharts工具提示以显示日期时间

我正在开发一个项目,预计会显示这个图: http : //jsfiddle.net/Kc23N/ 当我点击一个点(工具提示)时,我想显示一个可以理解的日期,而不是以毫秒为单位的值。 我认为需要改变这段代码: 我该怎么办? 任何善意的帮助表示赞赏。 谢谢
2回复

在高图中同时显示多个工具提示

我想在Highchart中同时显示多个工具提示。 基本要求就像每当将鼠标悬停在系列中的某个点上时,我需要显示悬停点半径X内所有点的工具提示。 到目前为止,我已经尝试过类似的方法: http : //jsfiddle.net/vmso2dbf/ 但是我同时需要多个工具提示,而对于所有相
1回复

高图替换列/工具提示标签

有什么解决方案可以将Y列标签“ 0”替换为“∞” (无穷大)simbol? 此外,在Highcharts工具提示中,我需要将“∞”设置为“ 0” 。 我应该只使用formatter: function()吗? 测试示例在这里。 感谢您的协助。
2回复

高图-需要高级工具提示功能

使用带堆叠法线的面积图进行绘图时出现问题。 我在这里问的最后一个问题是: Highcharts帮助-面积图堆叠 基本上是在问如何在不规范数据的情况下绘制要堆叠的值。 有人告诉我可以从另一个序列中减去一个序列,以使图形正确显示,但是,由于此计算,悬停时的值会出现偏差。 示例:之前:
3回复

Highcharts工具提示系列名称前面的奇怪角色

我有一张Highcharts图表,出于某种原因,只有在数据点弹出时才会在系列标题之前显示奇数字符。 我使用默认弹出窗口和highcharts 4.0.1。 我目前将所有系列设置为标题为hi以确保我的代码中没有任何内容搞乱这一点。 另外,如果我输出countsGraph.series[0