티스토리 뷰

공부

[Chart.js] make chart image

승가비 2021. 1. 14. 07:42
728x90

 

const chart = {
  type: 'bar',
  data: {
    labels: ['Week 1', 'Week 2', 'Week 3', 'Week 4'],
    datasets: [{
      label: 'Retweets',
      data: [12, 5, 40, 5]
    }, {
      label: 'Likes',
      data: [80, 42, 215, 30]
    }]
  }
}

const encodedChart = encodeURIComponent(JSON.stringify(chart));

const chartUrl = `https://quickchart.io/chart?c=${encodedChart}`;

console.log(chartUrl);

https://quickchart.io/documentation/send-charts-with-slack-bot/

 

Send charts with a Slack bot

Slack bots are limited by the Slack API to specific formats: text, images, and special controls. Critically, they cannot send Javascript or other dynamic formats. In order to send a chart or graph to your Slack channel, you must first render it as an image

quickchart.io

https://stackoverflow.com/questions/38493564/chart-area-background-color-chartjs

 

Chart area background color chartjs

I have problem with chart js, i want to coloring chart area like image above I try to find configuration from charJs Docs , but nothing matched. its possible or not to change chart area background...

stackoverflow.com

https://github.com/chartjs/Chart.js/issues/4833

 

Set Chart area background · Issue #4833 · chartjs/Chart.js

It would be nice to have a possibility to fill the canvas background, because by default its white, and when I want to export it to PNG or to PDF - it fills with transparent or black color. Pls tak...

github.com

https://stackoverflow.com/questions/47105809/how-to-display-inline-values-in-a-stacked-bar-chart-with-chart-js

 

How to display inline values in a stacked bar chart with Chart.js?

I am using the Chart.js library to display some values in stacked bars but I am struggling in trying to find out how to display the values inside of the bars, that is, Right now, I have the follow...

stackoverflow.com

https://stackoverflow.com/questions/31631354/how-to-display-data-values-on-chart-js

 

how to display data values on Chart.js

I would like to ask if it's possible using Chart.js to display data values? I want to print the graph. Thanks for any advice.

stackoverflow.com

https://chartjs-plugin-datalabels.netlify.app/guide/options.html#scriptable-options

 

Options | chartjs-plugin-datalabels

Options The following table lists all available options: TIP Refer to the Configuration section if you don't know how to configure these options. Scriptable Options Scriptable options also accept a function which is called for each data and that takes the

chartjs-plugin-datalabels.netlify.app

 

728x90

'공부' 카테고리의 다른 글

[Python] String to Date; Date to String  (0) 2021.01.19
[Slack] slacker.Error: missing_scope  (0) 2021.01.14
[Slack] send image  (0) 2021.01.14
[Python] datetime, timestamp  (0) 2021.01.14
[Java] URLEncode  (0) 2021.01.14
댓글