Javascript 在高度图表中的条形图之间绘制符号

Javascript 在高度图表中的条形图之间绘制符号,javascript,highcharts,Javascript,Highcharts,我想在条之间画一个符号,如图所示 在海图中有可能吗 可以将三角形创建为自定义形状,然后使用该形状并将其设置为散布点、固定位置或其他选项。以下是关于创建形状的一个很好的答案: 创建自定义三角形形状: 创建假系列以使用此形状: Highcharts.SvgRender.prototype.symbols.supertri=函数X、y、w、h{ 返回['M',x+w/2,y-h, l,w,h, “s”,w*1.1,h*0.9,w*0.1,h*1.8, ‘l’,-w,h, ‘s’,-w*2.0,h*2

我想在条之间画一个符号,如图所示 在海图中有可能吗


可以将三角形创建为自定义形状,然后使用该形状并将其设置为散布点、固定位置或其他选项。以下是关于创建形状的一个很好的答案:

创建自定义三角形形状:

创建假系列以使用此形状:

Highcharts.SvgRender.prototype.symbols.supertri=函数X、y、w、h{ 返回['M',x+w/2,y-h, l,w,h, “s”,w*1.1,h*0.9,w*0.1,h*1.8, ‘l’,-w,h, ‘s’,-w*2.0,h*2.3,-w*1.8,-h*0.5, l',w*0,-h*3.4, ‘s’,-w*0.1,-h*2.0,w*1.5,-h*0.1, “z” ]; }; 如果Highcharts.VMLRenderer{ Highcharts.VMLRender.prototype.symbols.supertri=Highcharts.SvgRender.prototype.symbols.supertri; } 图表=新的高点图表。图表{ 图表:{ renderTo:'容器', 键入:“列”, }, 亚克斯:{ 标题:{ 文本:“轴标题”, 是的, 风格:{ -webkit变换:旋转90度, -莫兹变换:旋转90度, -o变换:旋转90度 } } }, 系列:[{ 数据:[80,40,20,10], }, { 键入:“散布”, 起点:0.5, 数据:[20,20,20], 标记:{ 符号:“supertri”, 半径:2, fillColor:'黑色' }, showInLegend:false, enableMouseTracking:false }] };
一切可能的都让我看看code@DuuudeXX8既然其他人都在回答这个问题,我只想问:为什么?图表中已经暗示了条形图的顺序,添加一个无关的重复符号来表示它只会增加视觉上的混乱,从而使焦点偏离正在绘制的实际数据。有没有更大的目的,他们将服务,这是没有明显的例子?@jlbiggs同样的问题,我问设计师P他们就像是一个要求,你必须实现它:@Kenny'_ツ_/“我想有时候就是这样
Highcharts.SVGRenderer.prototype.symbols.supertri = function(x, y, w, h) {
  return ['M', x + w/2, y - h,
    'l', w, h,
    's', w * 1.1, h * 0.9, w * 0.1,  h * 1.8,
    'l', -w , h,
    's', -w * 2.0, h * 2.3,  -w * 1.8,  -h * 0.5,
    'l', w * 0, -h * 3.4,
    's', -w * 0.1,  -h * 2.0,  w * 1.5, -h * 0.1,
    'z'
  ];
};
if (Highcharts.VMLRenderer) {
  Highcharts.VMLRenderer.prototype.symbols.supertri = Highcharts.SVGRenderer.prototype.symbols.supertri;
}
series: [
  ...
  ,{
    type: 'scatter',
    pointStart: 0.5,
    data: [20,20,20],
    marker: {
      symbol: 'supertri',
      radius: 2,
      fillColor: 'black'
    },
    showInLegend: false,
    enableMouseTracking: false
}]