Highcharts 海图yAxis绘图线未显示在';第'行;图表类型
我使用的是Highcharts,不明白为什么我的yAxis绘图线对于柱形图和面积图显示得很好,而对于线(或样条线)图显示得不好 下面是一个JSFIDLE来演示这个问题——它们之间的唯一区别是图表类型: 检查折线图的svg时,您将看到未设置绘制线的路径(请向右滚动查看值):Highcharts 海图yAxis绘图线未显示在';第'行;图表类型,highcharts,Highcharts,我使用的是Highcharts,不明白为什么我的yAxis绘图线对于柱形图和面积图显示得很好,而对于线(或样条线)图显示得不好 下面是一个JSFIDLE来演示这个问题——它们之间的唯一区别是图表类型: 检查折线图的svg时,您将看到未设置绘制线的路径(请向右滚动查看值): 而对于其他两种图表类型,它们是正常的: <g class="highcharts-plot-lines-5" data-z-index="5"> <path
而对于其他两种图表类型,它们是正常的:
<g class="highcharts-plot-lines-5" data-z-index="5">
<path fill="none" class="highcharts-plot-line " stroke="#FF0000" stroke-width="2" stroke-dasharray="16,6" d="M 78 225 L 606 225"></path>
<path fill="none" class="highcharts-plot-line " stroke="green" stroke-width="10" stroke-dasharray="10,30" d="M 78 272 L 606 272"></path>
</g>
我遗漏了什么?请注意,柱状图将列从0渲染为设定值,同时,直线系列渲染点作为设定值,且yAxis范围与柱状图不同,因此,在您的情况下,绘图线值超出了直线系列的yAxis范围 您可以更改
yAxis.min
值来更改此范围并查看绘图线
演示:
谢谢,我从来没有想到过!
<g class="highcharts-plot-lines-5" data-z-index="5">
<path fill="none" class="highcharts-plot-line " stroke="#FF0000" stroke-width="2" stroke-dasharray="16,6" d="M 78 225 L 606 225"></path>
<path fill="none" class="highcharts-plot-line " stroke="green" stroke-width="10" stroke-dasharray="10,30" d="M 78 272 L 606 272"></path>
</g>
"yAxis": {
"title": {},
"type": "linear",
"startOnTick": false,
"endOnTick": false,
"min": 0,
"max": null,
"plotLines": [
{
"color": "#FF0000",
"dashStyle": "LongDash",
"width": 2,
"value": 1200,
"zIndex": 5
},
{
"color": "green",
"dashStyle": "Dot",
"width": 10,
"value": 800,
"zIndex": 5
}
]
},