Javascript 如何在模拟中看到的Highcharts中重新创建相同的图表？

我正在尝试使用Highcharts库重新创建以下折线图。有人能告诉我，我如何确保底部x轴上的年份从2010年开始，一直持续到2020年。一年只需重复一次。我还想知道如何设置与下图所示相同的y轴标签：

这就是我的代码的样子：

---

这是迄今为止我能得到的最接近的结果——我无法隐藏工具提示，但是，我认为它非常接近您想要的结果

注意：图表的结果取决于数据，因此，精确的图形线与图像中的不同；这个jsfiddle是一个 可用于自定义的示例

看这里

代码：

/*
资料来源：
* https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/demo/combo-dual-axes
* https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/demo/combo-dual-axes
* https://www.highcharts.com/docs/chart-concepts/plot-bands-and-plot-lines
* https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/plotoptions/series-dashstyle-all/
* https://api.highcharts.com/class-reference/Highcharts#.DashStyleValue
* https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/xaxis/labels-step/
* https://www.highcharts.com/docs/chart-concepts/understanding-highcharts
* https://www.highcharts.com/docs/chart-concepts/axes?_ga=2.227511582.220005933.1619809828-761661522.1619809828
* https://api.highcharts.com/highcharts/yAxis.lineColor
* https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/yaxis/linecolor/
* https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/xaxis/tickcolor/
* https://api.highcharts.com/highcharts/yAxis.tickColor
* https://stackoverflow.com/a/26530159/12511801
* https://stackoverflow.com/a/20983707/12511801
* 
*/
Highcharts.chart（'容器'{
图表：{
键入：“行”，
zoomType:'x'
},
标题：{
文本：“”
},
副标题:{
文本：“”
},
亚克斯：{
标题：{
文本：“”
},
标签：{
格式：“{value:.1f}%”，
数值小数：1，
步骤：2，//即：0.1、0.2等。但这取决于数据。
//风格：不确定是否有更好的方法：
//资料来源：https://api.highcharts.com/highmaps/colorAxis.labels.style
风格：{
颜色：'#000000'
}
},
自定义：{
allowNegativeLog:false
},
绘图线：[{
颜色：'黑色'，//颜色值
dashStyle:'长划线'，//打印线的样式。默认为实心
值：0.1，//行显示位置的值
宽度：4//线条的宽度
}],
//y轴线的颜色：
线条颜色：'#000000'，
线宽：3，
//y轴刻度线的颜色：
勾选颜色：'#000000'，
宽度：3，
//隐藏y轴上的轴网线：
网格线宽：0
},
xAxis：{
键入：“日期时间”，
标签：{
步骤：4，//例如：1950、1990等。但这取决于数据。
//风格：不确定是否有更好的方法：
//资料来源：https://api.highcharts.com/highmaps/colorAxis.labels.style
风格：{
颜色：'#000000'
}
},
绘图带：[
//设置灰色绘图带。
{
颜色：'#D2DAE6'，
from:Date.UTC（1952,0,2），//绘图带的开始
到：Date.UTC（1957,0,4）//绘图带结束
},
//设置黄色打印带。
{
颜色：“#FDED96”，
from:Date.UTC（1968,0,2），//绘图带的开始
到：Date.UTC（1970,0,4）//绘图带结束
}
],
//x轴线的颜色：
线条颜色：'#000000'，
线宽：3，
//x轴刻度线的颜色：
勾选颜色：'#000000'，
宽度：3
},
打印选项：{
系列：{
起点：2010年
}
},
图例：{
/*布局：“垂直”，
对齐：“右”，
垂直排列：“中间”*/
已启用：false
},
工具提示：{
启用：对，
数值小数：2
},
颜色：[
"#000000"
],
系列：[{
名称:"通货膨胀",，
数据：[{
“x”：-694310400000.0，
“y”：0.10242085661080069
}, {
“x”：-69163200000.0，
“y”：0.09481961147086038
}, {
“x”：-68912640000.0，
“y”：0.06812
}, {
“x”：-686448000000.0，
“y”：0.08276
}, {
“x”：-683856000000.0，
“y”：0.09384965831435088
}, {
“x”：-68117760000.0，
“y”：0.09375
}, {
“x”：-678585600000.0，
“y”：0.0976158345793964
}, {
“x”：-675907200000.0，
“y”：0.090624999996
}, {
“x”：-673228800000.0，
“y”：0.06654991243432562
}, {
“x”：-670636800000.0，
“y”：0.061108686163247494
}, {
“x”：-667958400000.0，
“y”：0.04770167875108444
}, {
“x”：-665366400000.0，
“y”：0.027338744164166
}, {
“x”：-662688000000.0，
“y”：0.013935810810810967
}, {
“x”：-660009600000.0，
“y”：0.010139416983523386
}, {
“x”：-657590400000.0，
“y”：0.01744680851063829
}, {
“x”：-654912000000.0，
“y”：0.004198152812762368
}, {
“x”：-652320000000.0，
“y”：-0.004164931278633932
}, {
“x”：-649641600000.0，
“y”：-0.009523809523809379
}, {
“x”：-647049600000.0，
“y”：-0.02868852459016391
}, {
“x”：-644371200000.0，
“y”：-0.02988129349160873
}, {
“x”：-641692800000.0，
“y”：-0.02540105090311981
}, {
“x”：-639100800000.0，
“y”：-0.026326614561908546
}, {
“x”：-636422400000.0，
“y”：-0.019039735099337762
}, {
“x”：-633830400000.0，
“y”：
Highcharts.chart('container', {
chart: {
    type: 'line',
    zoomType: 'x'
},
title: {
    text: 'Solar Employment Growth by Sector, 2010-2016'
},

subtitle: {
    text: 'Source: thesolarfoundation.com'
},

yAxis: {
    title: {
        text: 'Inflation'
    }
},

xAxis: {
    type: 'datetime',
},

});