Javascript 图表图例

Javascript 图表图例,javascript,amcharts,Javascript,Amcharts,我试图复制下面的图表 我的问题是如何在每一个盒子的左边和中间堆砌图例。我搜索过阿姆哈图,但运气不好。有没有办法做到这一点,或者如何覆盖或扩展amCharts以实现此行为 非常感谢。要显示值标签,请使用proeprty 只需在图形中将其设置为[[value]]。即: "graphs": [{ ... "labelText": "[[value]]" }] 对于左侧的图例,您需要使用。它允许以某些预设值放置可选行和标签。不过,您需要预先计算放置它们的值 下面是一个完整的工作示例: var

我试图复制下面的图表

我的问题是如何在每一个盒子的左边和中间堆砌图例。我搜索过阿姆哈图,但运气不好。有没有办法做到这一点,或者如何覆盖或扩展amCharts以实现此行为


非常感谢。

要显示值标签,请使用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年年初一类?