小编Dan*_*nny的帖子

Chart.js v2:如何使工具提示始终显示在饼图上?

我在Stack Overflow中发现了类似的问题,但是所有这些问题都在一年前和两年前得到了解决.现在Chart.js出现在版本2中,并且许多文档都发生了变化.有人可以帮我展示带有标签的饼图示例 - 或者饼图及其所有片段的工具提示是否可见?

UPDATE

感谢@potatopeelings,他的回答非常适合Chart.js v2.1.

虽然我最初询问如何在饼图上永久显示工具提示,但我找到了一个更好的解决方案:以百分比形式显示值作为标签!它现在在Chart.js v2.1中启用了饼图.在图表选项中:

animation: {
  duration: 0,
  onComplete: function () {
    var self = this,
        chartInstance = this.chart,
        ctx = chartInstance.ctx;

    ctx.font = '18px Arial';
    ctx.textAlign = "center";
    ctx.fillStyle = "#ffffff";

    Chart.helpers.each(self.data.datasets.forEach(function (dataset, datasetIndex) {
        var meta = self.getDatasetMeta(datasetIndex),
            total = 0, //total values to compute fraction
            labelxy = [],
            offset = Math.PI / 2, //start sector from top
            radius,
            centerx,
            centery, 
            lastend = 0; //prev arc's end line: starting with 0 …
Run Code Online (Sandbox Code Playgroud)

javascript jquery charts pie-chart chart.js

27
推荐指数
3
解决办法
4万
查看次数

从VirtualBox访问时Webpack-Dev-Server抛出错误

我正在尝试使用我的Mac中的VirtualBox测试我的Internet Explorer 11的网站兼容性.我使用Webpack-Dev-Server运行本地服务器.

当我通过http://10.0.2.2:8080访问网页时,网站加载正常; 但是检查员小组不断反复抛出此错误:

SCRIPT7002: XMLHttpRequest: Network Error 0x2efd, Could not complete the operation due to error 00002efd. 

[WDS] Disconnected!
Run Code Online (Sandbox Code Playgroud)

任何线索如何解决此错误?谢谢!

internet-explorer virtualbox virtual-machine webpack-dev-server

9
推荐指数
1
解决办法
1346
查看次数