Javascript 图表图例
我试图复制下面的图表 我的问题是如何在每一个盒子的左边和中间堆砌图例。我搜索过阿姆哈图,但运气不好。有没有办法做到这一点,或者如何覆盖或扩展amCharts以实现此行为Javascript 图表图例,javascript,amcharts,Javascript,Amcharts,我试图复制下面的图表 我的问题是如何在每一个盒子的左边和中间堆砌图例。我搜索过阿姆哈图,但运气不好。有没有办法做到这一点,或者如何覆盖或扩展amCharts以实现此行为 非常感谢。要显示值标签,请使用proeprty 只需在图形中将其设置为[[value]]。即: "graphs": [{ ... "labelText": "[[value]]" }] 对于左侧的图例,您需要使用。它允许以某些预设值放置可选行和标签。不过,您需要预先计算放置它们的值 下面是一个完整的工作示例: var
非常感谢。要显示值标签,请使用proeprty 只需在图形中将其设置为[[value]]。即:
"graphs": [{
...
"labelText": "[[value]]"
}]
对于左侧的图例,您需要使用。它允许以某些预设值放置可选行和标签。不过,您需要预先计算放置它们的值
下面是一个完整的工作示例:
var chart=AmCharts.makeChartDiv{
类型:串行,
数据提供者:[{
年份:2011年,
价值1:13,
价值2:5,
价值3:4
}, {
年份:2012年,
价值1:22,
价值2:4,
价值3:5
}, {
年份:2013年,
价值1:35,
价值2:7,
价值3:4
}],
valueAxes:[{
堆栈类型:常规,
axisAlpha:0,
gridAlpha:0,
labelsEnabled:false,
长度:0,
totalText:[[total]],
指南:[{
价值:6.5,
标签:系列1,
尺寸:15
}, {
价值:15.5,
标签:系列2,
尺寸:15
}, {
价值:20,
标签:系列3,
尺寸:15
}]
}],
图表:[{
注:1,
填充颜色:a0b1cf,
labelText:[[value]],
线性α:1,
线条颜色:000,
标题:价值1,
类型:列,
颜色:000000,
valueField:value1
}, {
注:1,
填充颜色:c5cde0,
labelText:[[value]],
线性α:1,
线条颜色:000,
标题:价值1,
类型:列,
颜色:000000,
valueField:value2
}, {
注:1,
填充颜色:dde6eb,
labelText:[[value]],
线性α:1,
线条颜色:000,
标题:价值1,
类型:列,
颜色:000000,
valueField:value3
}],
类别字段:年份,
类别:{
位置:开始,
axisAlpha:0,
gridAlpha:0,
位置:左
}
};
沙特迪夫{
宽度:400px;
高度:400px;
}
要显示值标签,请使用proeprty 只需在图形中将其设置为[[value]]。即:
"graphs": [{
...
"labelText": "[[value]]"
}]
对于左侧的图例,您需要使用。它允许以某些预设值放置可选行和标签。不过,您需要预先计算放置它们的值
下面是一个完整的工作示例:
var chart=AmCharts.makeChartDiv{
类型:串行,
数据提供者:[{
年份:2011年,
价值1:13,
价值2:5,
价值3:4
}, {
年份:2012年,
价值1:22,
价值2:4,
价值3:5
}, {
年份:2013年,
价值1:35,
价值2:7,
价值3:4
}],
valueAxes:[{
堆栈类型:常规,
axisAlpha:0,
gridAlpha:0,
labelsEnabled:false,
长度:0,
totalText:[[total]],
指南:[{
价值:6.5,
标签:系列1,
尺寸:15
}, {
价值:15.5,
标签:系列2,
尺寸:15
}, {
价值:20,
标签:系列3,
尺寸:15
}]
}],
图表:[{
注:1,
填充颜色:a0b1cf,
labelText:[[value]],
线性α:1,
线条颜色:000,
标题:价值1,
类型:列,
颜色:000000,
valueField:value1
}, {
注:1,
填充颜色:c5cde0,
labelText:[[value]],
线性α:1,
线条颜色:000,
标题:价值1,
类型:列,
颜色:000000,
valueField:value2
}, {
注:1,
填充颜色:dde6eb,
labelText:[[value]],
线性α:1,
线条颜色:000,
标题:价值1,
类型:列,
颜色:000000,
valueField:value3
}],
类别字段:年份,
类别:{
位置:开始,
axisAlpha:0,
gridAlpha:0,
位置:左
}
};
沙特迪夫{
宽度:400px;
高度:400px;
}
很好用!如果我需要将导向装置移到右侧,以便靠近2013年酒吧,那该怎么办?这很有效!谢谢!如果你有时间,也许你知道,我已经添加了趋势线来复制虚线,也就是指向箭头的那条。我的问题是趋势线在类别2012的中间开始,在目标类别2013的中间结束。有没有一个简单的工作围绕着如何使它开始在2012年底和结束在2013年一开始?它的工作很好!如果我需要将导向装置移到右侧,以便靠近2013年酒吧,那该怎么办?这很有效!谢谢!如果你有时间,也许你知道,我已经添加了趋势线来复制虚线,也就是指向箭头的那条。我的问题是趋势线在类别2012的中间开始,在目标类别2013的中间结束。是否有一个简单的工作围绕着如何使它开始在2012年年底和结束在2013年年初一类?