ChartJS Email HTTP Request API

Given my chartJS config below

var ctx = document.getElementById('myChart').getContext('2d');      
        Chart.defaults.global.defaultFontColor = 'rgba(255, 255, 255, 1)';
        Chart.defaults.global.defaultFontFamily = 'Arial';
                
        var myChart = new Chart(ctx, {
            type: 'bar',
            data: {
                labels: ['Investment', 'Sustainable'],
                datasets: [{
                    label: 'myLabel',
                    data: [11, 5],
                    backgroundColor: [
                        'rgba(234, 82, 4, 0.2)',
                        'rgba(0, 121, 109, 0.2)'
                        
                    ],
                    borderColor: [
                        'rgba(234, 82, 4, 1)',
                        'rgba(0, 121, 109, 1)'
                        
                    ],
                    borderWidth: 1
                }]
            },
              options: {                         
                legend: {
                    labels: {                        
                        display: true
                    }
                },
                scales: {
                    yAxes: [{
                        ticks: {
                            beginAtZero: true
                        },
                        gridLines: {
                        color: 'rgba(255, 255, 255, 0.1)'
                      },
                        scaleLabel: {
                        display: true,
                      },
                   }],
                }
            }
        });

I need to get something as close as the following
enter image description here

Using Quickchart API, I am submitting the config through the URL, but I am having trouble setting the labels color? options:{legend:{labels:{fontColor: 'white'}},

https://quickchart.io/chart?c={type:%27bar%27,data:{labels:[%27Investment%27,%27Sustainable%20%27],datasets:[{label:%27myLabel%27,data:[11,5],backgroundColor:%20[%27rgba(234,%2082,%204,%200.2)%27,%27rgba(0,%20121,%20109,%200.2)%27],borderColor:%20[%27rgba(234,%2082,%204,%201)%27,%27rgba(0,%20121,%20109,%201)%27]}]}}

Gives me
enter image description here

43 thoughts on “ChartJS Email HTTP Request API”

  1. Amazing blog! Do you have any suggestions for aspiring writers?
    I’m hoping to start my own site soon but I’m a little lost on everything.
    Would you advise starting with a free platform like WordPress or go for a paid option? There are so
    many options out there that I’m completely confused ..
    Any ideas? Appreciate it!

    Reply
  2. Hello would you mind stating which blog platform you’re
    working with? I’m going to start my own blog soon but I’m having a hard
    time deciding between BlogEngine/Wordpress/B2evolution and Drupal.
    The reason I ask is because your design seems different then most blogs and
    I’m looking for something completely unique. P.S My
    apologies for being off-topic but I had to ask!

    Reply
  3. Howdy! Quick question that’s entirely off topic.
    Do you know how to make your site mobile friendly?

    My website looks weird when browsing from my apple iphone.
    I’m trying to find a template or plugin that might be able to fix this problem.
    If you have any recommendations, please share. Appreciate it!

    Reply
  4. Hi there! This blog post could not be written any better!
    Going through this post reminds me of my previous roommate!

    He always kept preaching about this. I most certainly will
    forward this article to him. Fairly certain he’s going to have
    a great read. Thank you for sharing! quest bars http://j.mp/3C2tkMR quest bars

    Reply

Leave a Comment