【问题标题】:Highcharts legends value will be display in descendingHighcharts 图例值将以降序显示
【发布时间】:2012-11-21 13:10:21
【问题描述】:

如何按降序对图例值(40、80、10、5)进行排序?

第一个值应显示为绿色颜色,然后其他 3 个将是任何颜色。

我尝试使用此代码以 绿色 颜色显示我的第一个图例项。对图例项目进行排序的任何想法?

{name: '{/literal}{$value.0.opt1}:{$a}{literal}',y: {/literal}{$a}{literal}, color: '#6B8E23'}, //green
{name: '{/literal}{$value.0.opt2}:{$b}{literal}',y: {/literal}{$sort.0}{literal}, color: '#A9A9A9'},
{name: '{/literal}{$value.0.opt3}:{$c}{literal}',y: {/literal}{$sort.1}{literal}, color: '#696969'},
{name: '{/literal}{$value.0.opt4}:{$d}{literal}',y: {/literal}{$sort.2}{literal}, color: '#FFFFFF'}]

附注我对 jQuery 不熟悉。

【问题讨论】:

    标签: highcharts


    【解决方案1】:

    快速排序图例值的唯一方法是按照您希望图例所在的顺序添加您的系列。请参阅this 答案。您也可以尝试创建一个 javascript 自定义图例来做您想做的事情 - 我没有快速回答如何做到这一点。如果您的意思是要按降序排列系列中的,您首先需要提供一个实际数据的示例:它是基于时间的吗?类别?线性的?

    要将系列中的第一个值设为绿色,您可以使用点颜色,例如 this

    【讨论】:

    • 是一个动态值..我有 4 个数字必须按降序对数字进行排序..
    • @Raj,所以不是 4 个系列,而是一个系列中的 4 个数据点?如果是这样,那么只需预处理您的数据即可。您的 xAxis 数据类型是什么?完整的数据示例可以帮助我们进一步回答问题。
    【解决方案2】:

    我找到了解决方案。您应该在传递数据中的值之前对图例值进行排序。然后在数组中设置颜色。

    【讨论】:

      猜你喜欢
      • 2016-01-16
      • 1970-01-01
      • 1970-01-01
      • 2017-01-30
      • 2014-10-26
      • 2019-07-30
      • 2014-11-30
      相关资源
      最近更新 更多