Question

我无法弄清楚如何从我的数据中获取'到'和'从'日期到工具提示。尝试了我在SO周围发现的各种方法。有人有任何提示吗？我通常从CSV加载数据。现在，数据在代码中被硬编码。

var options = {
    chart: {
        zoomType: 'y',
        borderWidth: '0',
        borderRadius: '15',
        renderTo: 'container',
        inverted: true,
        backgroundColor: {
            linearGradient: [0, 0, 500, 500],
            stops: [
                [0, 'rgb(44, 44, 58)'],
                [1, 'rgb(62, 62, 62)']
            ]
        },
        plotBackgroundColor: 'rgba(255, 255, 255, .9)'
    },
    tooltip: {
        formatter: function () {
            var point = this.point;
            return '<b>' + point.category +
                '</b><br/>' + Highcharts.dateFormat('%b %e, %Y', this.y) +
                ' - ' + Highcharts.dateFormat('%b %e, %Y', this.series[0]);
        }
    },
    legend: {
        enabled: false
    },
    title: {
        text: 'EVMS Calendar'
    },
    xAxis: {
        categories: []
    },
    plotOptions: {
        series: {
            grouping: false
        }
    },
    yAxis: {
        type: 'datetime',
        minRange: '604800000',
        startOnTick: false,
        endOnTick: false,
        title: {
            text: ''
        }
    },
    series: []
},
categories = [];;

//// This is the data processing section \\\\
// Hard Coded Data
var data ="valid data";

// Split the lines
var lines = data.split('\n');

// Iterate over the lines and add categories or series
// Split the data by comma
// Get the number of items in the object (iLen)
// Series start
// Series type is columnrange
// Servies name is item 0 of the line (employees name)
$.each(lines, function (lineNo, line) {
    var items = line.split(','),
        iLen = items.length,
        series = {
            type: 'columnrange',
            data: [],
            name: items[0]
        };
    // Start categories
    // for each items (0) get the row data (dates) and push to categories(line number, from and to)
    categories.push(items[0]);
    for (var i = 1; i < iLen; i += 2) {
        var from = (new Date(items[i])).getTime(),
            to = (new Date(items[i + 1])).getTime();
        if (!isNaN(from) && !isNaN(to)) {
            series.data.push([lineNo, from, to]);
        }
    };
    options.series.push(series);
});

options.xAxis.categories = categories;

// Create the chart
var chart = new Highcharts.Chart(options);

Answer 1

啊，我的坏。它的this.point.high / low。我通过浏览chrome中的元素找到了

Highcharts工具提示不起作用

1 个答案: