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
}]