小编Dim*_*ski的帖子

我正在使用Chart.js创建堆积条形图.但是,我在文档中找不到如何更改某些内容.

1. 如何在Y轴上添加标签.
2. 如何缩短X轴上的标签,使其仅显示前10个字母.
3. 如何反转值在工具提示中显示的顺序.

这些可以实现吗？

我在这里标记了我想改变的内容.

以下是我的图表选项现在的样子:

        var ctx = $("#newchart");

        var barGraph = new Chart(ctx, {
            type: 'bar',
            data: chartdata,
            options: {
                barValueSpacing: 20,
                tooltips: {
                    enable: true,
                    mode: 'label',
                    callbacks: {
                        label: function(tooltipItem, data){
                            var datasetLabel = data.datasets[tooltipItem.datasetIndex].label || '';
                            return datasetLabel + ': ' + Number(tooltipItem.yLabel) + ' Users';
                        }
                    }
                },
                responsive: true,
                segmentShowStroke: true,
                scales: {
                    xAxes: [{
                        display: false,
                        stacked: true,
                        ticks:{
                            stepSize : 10,
                        },
                        gridLines: {
                            lineWidth: 0,
                            color: …

我有2张桌子：

短信收件人

campaign_id | message | user_id | contact_number | status
.........................................................
1            something  12334     078237812719     1
1            something  12123     071231231232     1
2            other      12124     078123123126     0
2            other      12334     078234234212     0
2            other      42124     078124124415     1

sms_campaign

campaign_id | shop_id| campaign_type
.....................................
1             1123     marketing
2             2123     awareness
3             3231     something else
4             4432     bla bla
5             5244     last

campaign_id的是独特的sms_campaign表，有多种user_id的有关同campaign_id的message是为所有唯一相同champagne_id

我想将它们组合在一起，以便每个contact_number 相同的campaign_id带有 astatus = 0 …