Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/vue.js/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Chart.js如何格式化属于特定轴的数据集(我有两个yax)_Javascript_Vue.js_Label_Chart.js_Multiple Axes - Fatal编程技术网

Javascript Chart.js如何格式化属于特定轴的数据集(我有两个yax)

Javascript Chart.js如何格式化属于特定轴的数据集(我有两个yax),javascript,vue.js,label,chart.js,multiple-axes,Javascript,Vue.js,Label,Chart.js,Multiple Axes,我有一张有两个雅克斯的图表。右侧以%显示,但数据集的值类似于[0.23,0.7,…],而不是[23,70%,…] 因此,我想以百分比显示属于“百分比”轴的数据集的工具提示和标签(chartjs插件数据标签),但不显示属于其他yAxis的数据集。我该怎么做 parasails.registerComponent('chart', { props: { chartData: Array, title: String, yAxes: Array

我有一张有两个雅克斯的图表。右侧以%显示,但数据集的值类似于[0.23,0.7,…],而不是[23,70%,…]

因此,我想以百分比显示属于“百分比”轴的数据集的工具提示和标签(chartjs插件数据标签),但不显示属于其他yAxis的数据集。我该怎么做

parasails.registerComponent('chart', {

props: {

        chartData: Array,

        title: String,

        yAxes: Array

},

data: function (){

     supportedAxes: {

            percentAxis : {

                id: 'percent',

                type: 'linear',

                position: 'right',

                scaleLabel: {

                    display: true,

                    labelString: 'PERCENT',

                },

                ticks: {

                    callback: function (value) {

                        return (value * 100).toFixed(1) + '%'; // convert it to percentage

                    }

                }

            },

            hoursAxis : {

                id: 'hours',

                type: 'linear',

                scaleLabel: {

                    display: true,

                    labelString: 'HOURS'

                }

                //position: 'left'

            }



     }

},

methods: {

var options = {

plugins:{

                    datalabels:{

                        display: this.displayDatalabels

                    }

}

}