Charts 是否可以使用Chart js或哪个图表库提供这种类型的图表？

我需要创建这种类型的图表，我尝试了chart js，但无法创建完全相同的输出

我能创造的就是这个 有了这些设置

var speedCanvas = document.getElementById("speedChart");

Chart.defaults.global.defaultFontSize = 0;

var speedData = {
  labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"],

 datasets: [{
   data: [100, 51, 75, 20, 200, 55, 400],
   fill:false
 }]
};

  var chartOptions = {
   legend: {
    display: false,
   },
  scales: {
   xAxes: [{
    gridLines: {
      display: false
    }
   }],
yAxes: [{
  gridLines: {
    display: false
  }
  }]
 }
 };

var lineChart = new Chart(speedCanvas, {
  type: 'line',
 data: speedData,
  options: chartOptions
});

如果图表JS不可能，有人能告诉我哪个JS库提供了这样的图表吗

需要创建这种类型的图表，

---

这是您在Highcharts中的图像复制。您可以根据自己的需要自由定制

演示：

---

代码笔中的图表与您发布的图像非常接近。颜色和形状有点不同。你是想制作一张和那张图片一模一样的图表，还是仅仅是同一种类型的图表？您正在尝试完成哪些当前代码没有完成的任务？谢谢您的回答

  series: [{
    name: '+14%',
    label: {
      style: {
        fontSize: '22px'
      }
    },
    id: 'main',
    data: [
      3.7, 3.3, 3.9, 5.1, 3.5, 3.8, 4.0, 5.0, 6.1, 3.7, 3.3, 6.4,
      6.9, 6.0, 6.8, 4.4, 4.0, 3.8, 5.0, 4.9, 9.2, 9.6, 9.5, 6.3,
      9.5, 10.8, 14.0, 11.5, 10.0, 10.2, 10.3
    ]
  }, {
    linkedTo: 'main',
    label: {
      enabled: false
    },
    data: [10.3, 9.4, 8.9, 10.6, 10.5, 11.1,
      10.4, 10.7, 11.3, 10.2, 9.6, 10.2, 11.1, 10.8, 13.0, 12.5, 12.5, 11.3,
      10.1
    ],
    pointStart: 30,
    color: 'gray',
    opacity: 0.6
  }],