首页 \ 问答 \ 0值柱形图 - 高图(0 value column chart - highchart)

0值柱形图 - 高图(0 value column chart - highchart)

如何在柱形图中为零值点在x轴下方产生轻微的阴影或颜色? 现在什么都没有显示出来。

设置minPointLength属性会使一条线出现在x轴上方。

任何帮助或指针都会有所帮助。

以下是我的选择:

     plotOptions: {
     column: {
         shadow: false,
         pointWidth: 11.5,
         borderWidth: 0.5,
         enableMouseTracking: false,
         minPointLength: 1
     }
 },
 yAxis: {
     labels: {
         align: 'left',
         style: {
             color: 'gray',
             fontWeight: 'normal',
             fontSize: '8.5px',
             fontFamily: 'Arial'
         }
     },
     minorGridLineWidth: 1,
     minorTickInterval: 10000,
     minorGridLineColor: 'white',
     minorTickWidth: 0,
     title: {
         text: '',
         rotation: 270.0,
         style: {
             fontWeight: 'normal'
         },
         margin: 20,
         style: {
             fontWeight: 'normal',
             fontFamily: 'Arial',
             color: '#666666',
             fontSize: '11px'
         }
     },
     opposite: true,
     min: 0,
     max: 500000,
     tickInterval: 100000,
     gridLineWidth: 0.0
 }

这让我比x轴高1px点。 但我正在寻找的是xAxis下方的小阴影/ 1px点。


How do I make a slight shadow or color come up below the x axis for zero valued points in column charts? Right Now nothing is shown.

Setting the minPointLength property makes a line come up above the x Axis.

Any help or pointers would help.

Below are my options:

     plotOptions: {
     column: {
         shadow: false,
         pointWidth: 11.5,
         borderWidth: 0.5,
         enableMouseTracking: false,
         minPointLength: 1
     }
 },
 yAxis: {
     labels: {
         align: 'left',
         style: {
             color: 'gray',
             fontWeight: 'normal',
             fontSize: '8.5px',
             fontFamily: 'Arial'
         }
     },
     minorGridLineWidth: 1,
     minorTickInterval: 10000,
     minorGridLineColor: 'white',
     minorTickWidth: 0,
     title: {
         text: '',
         rotation: 270.0,
         style: {
             fontWeight: 'normal'
         },
         margin: 20,
         style: {
             fontWeight: 'normal',
             fontFamily: 'Arial',
             color: '#666666',
             fontSize: '11px'
         }
     },
     opposite: true,
     min: 0,
     max: 500000,
     tickInterval: 100000,
     gridLineWidth: 0.0
 }

This gives me a 1px point above x Axis. But what I am looking for is a small shadow/1px point below the xAxis.


原文:https://stackoverflow.com/questions/16706633
更新时间:2022-01-29 20:01

最满意答案

@Sonal:遇到问题,你正在使用2个onPrepare函数,这些函数是冲突的,只使用一个,所以修改后的工作配置将是:

  var HtmlScreenshotReporter = require('protractor-jasmine2-screenshot-reporter');
  var reporter = new HtmlScreenshotReporter({
  dest: 'target/screenshots'
, filename: 'my-report.html'
});
exports.config = {

directConnect: true, //seleniumAddress: 'http://localhost:4444/wd/hub',
capabilities: {
    'browserName': 'chrome'
}
, framework: 'jasmine'
, specs: ['spec.js']
, allScriptsTimeout: 180000
, getPageTimeout: 180000
, jasmineNodeOpts: {
    defaultTimeoutInterval: 180000
},

// Setup the report before any tests start
beforeLaunch: function () {
    return new Promise(function (resolve) {
        reporter.beforeLaunch(resolve);
    });
},

// Close the report after all tests finish
afterLaunch: function (exitCode) {
    return new Promise(function (resolve) {
        reporter.afterLaunch(resolve.bind(this, exitCode));
    });
}
, onPrepare: function () {
    var width = 1300;
    var height = 1200;
    browser.driver.manage().window().setSize(width, height);
    jasmine.getEnv().addReporter(reporter);
    afterAll(function (done) {
        process.nextTick(done);
    })
}
};

我在我的系统中进行了测试,它运行良好;)


@Sonal: Got the issue, you are using 2 onPrepare functions which is conflicting, use only one, so the modified working config will be:

  var HtmlScreenshotReporter = require('protractor-jasmine2-screenshot-reporter');
  var reporter = new HtmlScreenshotReporter({
  dest: 'target/screenshots'
, filename: 'my-report.html'
});
exports.config = {

directConnect: true, //seleniumAddress: 'http://localhost:4444/wd/hub',
capabilities: {
    'browserName': 'chrome'
}
, framework: 'jasmine'
, specs: ['spec.js']
, allScriptsTimeout: 180000
, getPageTimeout: 180000
, jasmineNodeOpts: {
    defaultTimeoutInterval: 180000
},

// Setup the report before any tests start
beforeLaunch: function () {
    return new Promise(function (resolve) {
        reporter.beforeLaunch(resolve);
    });
},

// Close the report after all tests finish
afterLaunch: function (exitCode) {
    return new Promise(function (resolve) {
        reporter.afterLaunch(resolve.bind(this, exitCode));
    });
}
, onPrepare: function () {
    var width = 1300;
    var height = 1200;
    browser.driver.manage().window().setSize(width, height);
    jasmine.getEnv().addReporter(reporter);
    afterAll(function (done) {
        process.nextTick(done);
    })
}
};

I tested it in my system and it is working perfectly ;)

相关问答

更多

相关文章

更多

最新问答

更多
  • 您如何使用git diff文件,并将其应用于同一存储库的副本的本地分支?(How do you take a git diff file, and apply it to a local branch that is a copy of the same repository?)
  • 将长浮点值剪切为2个小数点并复制到字符数组(Cut Long Float Value to 2 decimal points and copy to Character Array)
  • OctoberCMS侧边栏不呈现(OctoberCMS Sidebar not rendering)
  • 页面加载后对象是否有资格进行垃圾回收?(Are objects eligible for garbage collection after the page loads?)
  • codeigniter中的语言不能按预期工作(language in codeigniter doesn' t work as expected)
  • 在计算机拍照在哪里进入
  • 使用cin.get()从c ++中的输入流中丢弃不需要的字符(Using cin.get() to discard unwanted characters from the input stream in c++)
  • No for循环将在for循环中运行。(No for loop will run inside for loop. Testing for primes)
  • 单页应用程序:页面重新加载(Single Page Application: page reload)
  • 在循环中选择具有相似模式的列名称(Selecting Column Name With Similar Pattern in a Loop)
  • System.StackOverflow错误(System.StackOverflow error)
  • KnockoutJS未在嵌套模板上应用beforeRemove和afterAdd(KnockoutJS not applying beforeRemove and afterAdd on nested templates)
  • 散列包括方法和/或嵌套属性(Hash include methods and/or nested attributes)
  • android - 如何避免使用Samsung RFS文件系统延迟/冻结?(android - how to avoid lag/freezes with Samsung RFS filesystem?)
  • TensorFlow:基于索引列表创建新张量(TensorFlow: Create a new tensor based on list of indices)
  • 企业安全培训的各项内容
  • 错误:RPC失败;(error: RPC failed; curl transfer closed with outstanding read data remaining)
  • C#类名中允许哪些字符?(What characters are allowed in C# class name?)
  • NumPy:将int64值存储在np.array中并使用dtype float64并将其转换回整数是否安全?(NumPy: Is it safe to store an int64 value in an np.array with dtype float64 and later convert it back to integer?)
  • 注销后如何隐藏导航portlet?(How to hide navigation portlet after logout?)
  • 将多个行和可变行移动到列(moving multiple and variable rows to columns)
  • 提交表单时忽略基础href,而不使用Javascript(ignore base href when submitting form, without using Javascript)
  • 对setOnInfoWindowClickListener的意图(Intent on setOnInfoWindowClickListener)
  • Angular $资源不会改变方法(Angular $resource doesn't change method)
  • 在Angular 5中不是一个函数(is not a function in Angular 5)
  • 如何配置Composite C1以将.m和桌面作为同一站点提供服务(How to configure Composite C1 to serve .m and desktop as the same site)
  • 不适用:悬停在悬停时:在元素之前[复制](Don't apply :hover when hovering on :before element [duplicate])
  • 常见的python rpc和cli接口(Common python rpc and cli interface)
  • Mysql DB单个字段匹配多个其他字段(Mysql DB single field matching to multiple other fields)
  • 产品页面上的Magento Up出售对齐问题(Magento Up sell alignment issue on the products page)