Dans chart.js Est-il possible de masquer l'axe des x de l'étiquette ou de texte de la barre graphique de l'accès à partir d'un mobile?

Dans chart.js Est-il possible de masquer de l'axe des x label/texte de la barre graphique de l'accès à partir d'un mobile ?

Dans chart.js Est-il possible de masquer l'axe des x de l'étiquette ou de texte de la barre graphique de l'accès à partir d'un mobile?

Je Veux masquer/supprimer des étiquettes sur de l'axe des x ie "janvier", "février", etc...

je pense que vous voulez dire de l'axe des x si vous êtes sur le jeu de données des étiquettes sur le fond
oui, je veux dire l'axe des x, est-il possible, dans chart.js ou chartNew.js

OriginalL'auteur Bhupender Keswani | 2015-02-23

  1. 6

    - je ajouter une nouvelle option

    http://www.knighttube.com/scripts/chart.js

    http://www.knighttube.com/scripts/chart.min.js

    showXAxisLabel:faux

    Ajouter quelques détails à l'appui de votre réponse. Lien vers des ressources externes à expiration à l'avenir.
    avec chartnew.js,vous pouvez masquer le nom de l'axe y et de plus, c'est Plus d'avance que chart.js . et j'ai modifier un site (charts.livegap.com) qui génèrent le code graphique. avec l'aperçu en direct pour chartnew.js
    Cela pourrait être génial. Mais j'ai besoin de plus d'infos.

    OriginalL'auteur Hatip Meviş

  2. 7

    Ils ont ajouté l'option, 2.1.4 (et peut-être un peu plus tôt), elle a de

    var myLineChart = new Chart(ctx, {
    type: 'line',
    data: data,
    options: {
        scales: {
            xAxes: [{
                ticks: {
                    display: false
                }
            }]
        }
    }
}

    OriginalL'auteur Kapytanhook

  3. 2

    J'ai eu autour de ce par la définition de labels comme une liste de chaînes vides. Exemple:

    var data = {
    labels: ["", "", "", "", ""],
    datasets: [{
        label: "TEST",
        fillColor: "rgba(220,220,220,0.2)",
        strokeColor: "rgba(220,220,220,1)",
        pointColor: "rgba(220,220,220,1)",
        pointStrokeColor: "#fff",
        pointHighlightFill: "#fff",
        pointHighlightStroke: "rgba(220,220,220,1)",
        data: [10, 20, 15, 8, 22]
    }]
};

    Pour cela, vous devez l'étiquette afin de ne pas être pertinents dans la zone info-bulle de. J'ai défini la mienne comme suit:

    tooltipTemplate: "Latency: <%=value%>"

    OriginalL'auteur unclemeat

  4. 1

    La solution la plus simple est:

    scaleFontSize: 0

    voir le chart.js Document

    Cela permet de masquer à la fois x et y, je crois
    Je l'ai essayé et il se bloque sur la page de votre navigateur de chrome
    cela fonctionne très bien pour moi

    OriginalL'auteur 叶碧颖

  5. 1

    Vous pouvez étendre l'actuel BarChart et retirer le xLabels comme ça. 

    function registerCustomBarChart() {
    Chart.types.Bar.extend({
        name: "customBarChart",
        initialize: function (data) {
            Chart.types.Bar.prototype.initialize.apply(this, arguments);
            var xLabels = this.scale.xLabels
            xLabels.forEach(function (label, i) {
                    xLabels[i] = '';
            })
        }
    });
}

    var myBarChart = new Chart(context).customBarChart(data);

    OriginalL'auteur Yasin Yaqoobi