【问题标题】:Change color of Multibar chart in Django在 Django 中更改多条形图的颜色
【发布时间】:2015-11-04 22:15:00
【问题描述】:

我正在使用Highcharts 来表示一些数据,但我现在卡住了:

我有以下图表:

如何更改条形每个点的颜色? (例如:而不是橙色来设置“红色”)。另外,我可以根据点的值修改颜色吗? (例如:如果值为 > 2.5k 则将其转换为另一种颜色)。

我的班级是这样的:

class _TimeSeriesChart(_Chart):

    def get_options(self, series):
        return {
            'title': {
                'text': self.title,
            },
            'xAxis': {
                'type': 'datetime',
            },
            'yAxis': {
                'min': 0,
            },
            'plotOptions': {
                'series': {
                    'animation': True,

                },
                'column': {
                    'stacking': 'normal',
                    #'colorByPoint': True,
                },
            },
            'credits': {
                'enabled': False
            },
            'series': series,
        }

如果 colorByPoint 未注释,我将让每个条形只转换为一种颜色。

【问题讨论】:

    标签: javascript python django highcharts


    【解决方案1】:

    可以为每个点设置颜色。

    series: [{
      data: [{y: 1, color: '#ff0072'}, 
             ...
    

    示例:http://jsfiddle.net/sbphxhfs/

    其他选项是设置negativeColorthreshold

    series: [{
      negativeColor: 'red',
      threshold: 3,
      ...
    

    示例:http://jsfiddle.net/sbphxhfs/1/

    还可以为系列(使用颜色设置)或整个图表(使用颜色数组)设置颜色。

    例如:http://jsfiddle.net/sbphxhfs/2/

    【讨论】:

    • 我不知道如何让colors: ['#f00','#0f0','#00f'] 在我的 django 函数中工作。有什么想法吗?
    • @Alexander def get_options(self, series): return { 'colors': ['#f00','#0f0','#00f'] 不工作?您是否使用任何 Highcharts 包装器?你的函数是怎么调用的?
    • 我最终成功地完成了这项工作。我还有一个问题:如何从yAxis 修改Values 字?
    • 这是一个默认的 yAxis 标题。您可以通过更改 yAxis 选项中的标题文本来修改它。
    猜你喜欢
    • 1970-01-01
    • 2011-08-03
    • 2012-01-19
    • 1970-01-01
    • 1970-01-01
    • 2021-07-16
    • 1970-01-01
    • 2012-10-18
    • 2013-12-11
    相关资源
    最近更新 更多