Highcharts 一般绘图参数

Question

我想在我的自定义高图表中为网络连接绘制一条曲线，如“[”。

我得到了一个绘制倒 '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/

此致。

Highcharts 一般绘图参数

Highcharts General Drawing parameter

charts

data-visualization

flowchart

highcharts