charts - Highcharts 一般绘图参数

Question

我想在我的自定义网络连接 Highcharts 中绘制一条类似“[”的曲线。

我有一个绘制倒“L”曲线的示例，如下图所示

http://www.highcharts.com/demo/renderer

// Arrow from Batik to SaaS client
ren.path(['M', 235, 185, 'L', 235, 155, 'C', 235, 130, 235, 130, 215, 130, 'L', 95, 130, 'L', 100, 125, 'M', 95, 130, 'L', 100, 135])

.attr({

  'stroke-width': 2,
  stroke: colors[3]

})
.add();

我可以获得有关参数的任何帮助吗？我尝试过各种组合，但准确度很差。

Answer 1

您可以在 Highcharts API 中找到有关制作曲线的信息: http://api.highcharts.com/highcharts#Renderer.path

您可以在此处找到有关制作弯曲边缘的所有信息: https://www.w3.org/TR/SVG/paths.html#PathDataCurveCommands

在这里您可以找到可以帮助您处理图表的代码

      $('#container').highcharts({}, function(chart) {
    var ren = chart.renderer;
    ren.path(['M', 235, 125, 'L', 200, 125, 'L', 200, 220, 'L', 235, 220, ])
      .attr({
        'stroke-width': 2,
        stroke: 'blue'

      })
      .add();
  });

在这里您可以找到该路径的示例: http://jsfiddle.net/w0cujkbm/4/

致以诚挚的问候。