我想显示以下图表:
许多图表库允许使用堆积条形图,例如:
- Chartist.js
- d3.js
- 画布JS
- 等等
但是如上所示的图表呢?我们的想法是为绿色、黄色和红色区域以及中心的黑条提供值......基于这些值应该呈现这样的图表。
我认为这可以通过创建堆叠条形图并“以某种方式”将条形图插入堆叠条形图来实现……然后“以某种方式”将标签放在那里……:D
如您所见,根本没有线索... :)
我想显示以下图表:
许多图表库允许使用堆积条形图,例如:
但是如上所示的图表呢?我们的想法是为绿色、黄色和红色区域以及中心的黑条提供值......基于这些值应该呈现这样的图表。
我认为这可以通过创建堆叠条形图并“以某种方式”将条形图插入堆叠条形图来实现……然后“以某种方式”将标签放在那里……:D
如您所见,根本没有线索... :)
你的意思是这样的子弹图的解决方法吗?
`data:[
{
type: "stackedBar100",
toolTipContent: null,
highlightEnabled: false,
name: "Region 1",
showInLegend: true,
dataPoints: [
{y: 60, label: "Water Filter" }
]
},
{
type: "stackedBar100",
toolTipContent: null,
highlightEnabled: false,
name: "Region 2",
showInLegend: true,
dataPoints: [
{y: 20, label: "Water Filter" }
]
},{
type: "bar",
dataPoints:[{}]
},{
type: "bar",
dataPoints: [
{y: 65, label: "Water Filter" }
]
},
{
type: "bar",
dataPoints:[{}]
}
] `