小编Sun*_*gia的帖子

如何在c3饼图中更改图例文本

如何更改饼图图例的文本.我在我的php页面中使用c3图表.我已经阅读了c3图表的文档,但没有运气.

目前我正在使用此代码显示图例,true但我无法更改我尝试过的文本.

var chart = c3.generate({
        bindto: '#container',
        padding: {
                  top: 10,
                  right: 0,
                  bottom: 10,
                  left: 0,
            },
        data: {
            columns: [<?php echo $pieChartDataString; ?>],
            type : 'pie',
            labels: true
        },
        legend: {
                show: true,
                position: 'upper-center'
                format: {
                        title: function () { return "Legend title"; },
                        name : function () { return "Legend name"; },
                        value: function () { return "Legend value";}
                        }
                }

   //But these legend values or not showing 

    });
Run Code Online (Sandbox Code Playgroud)

它没有显示我的传奇值,它总是只显示列作为图例.

有什么方法可以更改图例值.

javascript php charts c3.js

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

带有 Angular 4 的 Chrome 中的 PWA 添加到主屏幕按钮

我已经开始使用 Workbox3 开发 PWA。到目前为止,它的效果非常惊人。我已将代码添加到“添加到主屏幕”按钮,以便用户可以将其添加到移动设备的主屏幕。但是在主屏幕上添加图标的提示框只显示一次。一旦我将该图标添加到主屏幕,然后如果我删除它并再次尝试相同,则它什么也不显示。

我正在从 Chrome 的 DevTool->Application->Mainfest sectoin->Add to Home Screen检查Desktop chrome。我的Service Worker安装正确并且工作正常。

它没有显示任何错误,没有任何控制台。所以我无法跟踪问题是什么。

这是我迄今为止为添加到主屏幕所做的代码。我在页脚添加了这个按钮。

<button name="addToHome" id="addToHome" class="addToHome">Add To Homescreen</button> 

var deferredPrompt;
var btnSave = document.querySelectorAll('.addToHome')[0];

    window.addEventListener('beforeinstallprompt', function(e) {
      console.log('beforeinstallprompt Event fired');
      //e.preventDefault();   //I even try with this uncommented no luck so far

      // Stash the event so it can be triggered later.
      deferredPrompt = e;

      return false;
    });

    btnSave.addEventListener('click', function() {
      if(deferredPrompt !== undefined) {
        // The …
Run Code Online (Sandbox Code Playgroud)

manifest progressive-web-apps angular angular-service-worker

5
推荐指数
1
解决办法
4753
查看次数

Select2默认搜索框不起作用

我正在使用 select2 js 我只是使用默认功能,但默认搜索框显示为禁用模式。我无法在其中输入任何内容。

我的代码是

<select id="type" name="type" class="form-control select2-use">
    <option value="">select type</option>
    <option value="U">User</option>
    <option value="A">Admin</option>
</select>

$('.select2-use').select2({
    placeholder: "Select",
    allowClear: true
});
Run Code Online (Sandbox Code Playgroud)

我在我的 HTML 页面中包含了 select2.min.css 和 select2.min.js。

没有js错误。

我在 Bootstrap 模态 div 中使用它,我在其中加载了一个 HTML 页面

javascript select2

0
推荐指数
1
解决办法
4651
查看次数