时间戳

首页 > 解决方案 > 如何在折线图高图中有实线和虚线

css - 如何在折线图高图中有实线和虚线

问题描述

我在我的 reactjs 项目中使用折线图（highcharts），要求是 2015 年之后的数据，线应显示为虚线，2015 年线之前的数据应显示为实线（无虚线）。有没有办法实现这一目标？我已经检查了 highchart 文档，在 series->data 中有一个名为 className 的属性，但不明白该怎么做？谁能帮帮我？

标签： cssreactjshighchartsreact-highcharts

解决方案

例如，您有 2 个系列。一个系列是 2015 年之后的数据在第一个索引和 2015 年之前的数据在第二个索引。并且您需要添加“dashStyle”，highcharts 支持。下面的示例代码将为您提供帮助：

series: [
{
    data: [1, 3, 2, 4, 5, 4, 6, 2, 3, 5, 6],
    dashStyle: 'longdash'
},
{
    data: [6, 7, 8, 9, 10, 11, 6, 2, 24, 5, 9],
    dashStyle: 'solid' // or none dashStyle for 'solid' type
}
]

推荐阅读