javascript - 根据值 HIGHCHARTS 放置条件

标签 javascript css charts highcharts

我希望如果该值低于 300,则对齐必须“正确”并且条形的颜色将为黄色。

我需要为每个类别制定这个条件。但是,我不知道该怎么做。

http://jsfiddle.net/pb1q9wzk/

plotOptions: {
            bar: {
                dataLabels: {
                padding:0,
                allowOverlap:true,
                    enabled: true,
                    align: 'left',
                    color: '#FFFFFF',
                    inside: true,
                    crop: false,
                    overflow:"none",
                        formatter: function() {

                    return this.series.name+ " "+ this.y;

                    console.log(this.series.name);
                },
                    style:{
                        width:100
                    }

                }
            }
        }

最佳答案

我至少可以解决一半的问题。但无法弄清楚如何将文本对齐方式绑定(bind)到值。

黄色条,如果值低于 300

每个 系列中使用zones 属性:

      series: [{
          name: 'bar3',
          data: [600,540,535,500,0],
          color: "#00FF00",

          // Append this to each series:
          zones: [{
            // Make it yellow if <= 300
            color: '#f0e600',
            value: 300
          }]
        }]

关于javascript - 根据值 HIGHCHARTS 放置条件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34769577/

相关文章:

javascript - 从 javascript 调用 React 组件

javascript - 使用 Selenium 修改 JavaScript 变量

javascript - HTML 文件上传 : is there a way to force content-type ="application/octet-stream"

javascript - 同一页面 Iframe

charts - Google 可视化选项不起作用

php - 内联表单 PHP?

javascript - 以无限循环播放 HTML 中的 Gif 图像

jquery - 背景图像过渡不起作用

javascript - 以编程方式在谷歌散点图中显示颜色点

javascript - 在 d3.js 中从 csv 创建树层次结构