Javascript 如何将数据集成到样条曲线图|高度图

我对Highcarts非常陌生，我正在尝试使用

Highcharts

库实现一个带有两条曲线的

spline

图表

第一条曲线代表今天的数据，第二条曲线代表过去7天的数据

xAxis的分类是

['Mon'，'Tue'，'Wed'，'Th'，'Fri'，'Sat'，'Sun']

yxai是10到150之间的数据

我将提供一个非常具体的示例，以便任何人都可以轻松理解它是如何工作的。我想了解今天的

和过去7天的
数据（日期和值）是如何与xAxis和yAxis集成的

jsfiddle：

以下是图表配置：

{
        chart: {
            type: 'spline',
        },
        xAxis: {
            labels: {
                enabled: true
            },
            categories: ['Mon', 'Tue', 'Wed', 'Th', 'Fri', 'Sat', 'Sun']
        },
        plotOptions: {
            series: {
                marker: {
                    enabled: false
                }
            }
        },
        series:
            [
                {
                    name: 'Today',
                    data: todayData
                },
                {
                    name: 'Past 7 days',
                    data: past7dats,
                    color: 'lightgreen'
                }
            ]
    }

今天的数据是：（时间日期对所有人来说都是常数）

过去7天的数据为：（时间日期为过去7天）

看看数据解析后的样子：您想如何比较这些数据？你能分享一些想要的结果的图片吗？这里还有一个演示，没有使用
x值作为日期格式：哪一个对你来说是正确的？@SebastianWędzel这澄清了问题，实际上我想知道这两种方式，但是仍然需要知道如何配置工具提示，以便在图表上悬停时，用户能够看到可读时间和值。您可以使用
tooltip.formatter
回调自定义工具提示显示的内容。或
点格式
：
[
    {"time":"2020-10-12T00:00:00+03:00","value":12},
    {"time":"2020-10-12T00:15:00+03:00","value":13},
    {"time":"2020-10-12T00:30:00+03:00","value":20},
    {"time":"2020-10-12T00:45:00+03:00","value":25},
    {"time":"2020-10-12T01:00:00+03:00","value":20},
    {"time":"2020-10-12T01:15:00+03:00","value":30},
    {"time":"2020-10-12T01:30:00+03:00","value":20},
    {"time":"2020-10-12T01:45:00+03:00","value":25},
    {"time":"2020-10-12T02:00:00+03:00","value":30},
    {"time":"2020-10-12T02:15:00+03:00","value":40},
    {"time":"2020-10-12T02:15:00+03:00","value":20},
    {"time":"2020-10-12T02:15:00+03:00","value":35}
]

[
    {"time":"2020-10-12T00:00:00+03:00","value":35},
    {"time":"2020-10-11T00:15:00+03:00","value":30},
    {"time":"2020-10-10T00:30:00+03:00","value":20},
    {"time":"2020-10-09T01:00:00+03:00","value":25},
    {"time":"2020-10-08T01:15:00+03:00","value":30},
    {"time":"2020-10-07T01:30:00+03:00","value":40},
    {"time":"2020-10-06T00:45:00+03:00","value":35},

]