时间戳

首页 > 解决方案 > 我需要新图表。我用 highchart 写作，但我看不到这是图表。请帮我？

d3.js - 我需要新图表。我用 highchart 写作，但我看不到这是图表。请帮我？

问题描述

在此处输入图像描述 这是我需要的图像图表。我需要一个新图表。我用 highchart 写，但我不认为这是一个图表。请帮我？xrange 图表和折线图之间的组合图表。单击点折线图时，它会显示两条图表都可见的线。将鼠标悬停在点线图上时，工具提示显示如下所示

悬停时显示工具提示

标签： d3.jschartshighcharts

解决方案

您可以使用line和xrange系列的组合，它们具有单独的 y 轴，但共同的 x 轴。

Highcharts.chart('container', {
    legend: {
        enabled: false
    },
    yAxis: [{
        height: '50%'
    }, {
        offset: 0,
        top: '50%',
        height: '50%',
        labels: {
            align: 'left',
            distance: 0,
            x: 0,
            y: -15
        }
    }],
    xAxis: {
        type: 'datetime'
    },
    series: [{
        data: [...]
    }, {
        yAxis: 1,
        type: 'xrange',
        data: [...]
    }],
});

现场演示：http: //jsfiddle.net/BlackLabel/g1fbLcpw/

API 参考： https ://api.highcharts.com/highcharts/yAxis

文档： https ://www.highcharts.com/docs/chart-and-series-types/x-range-series

推荐阅读