keyword_analytic_web/archived/templates/base2.html

<script>
  var ctx10 = document.getElementById('bar-yt');
  var myChart10 = new Chart(ctx10, {
    type: 'bar', //圖表類型
    data: {
      //標題
      labels: [ "{{ keyword }}", '那些足球教我的事'],
      datasets: [
        {
          label: '月搜量',
          data: [50, 11],
          borderColor: 'rgba(255, 206, 86, 1)',
          backgroundColor: 'rgba(255, 206, 86, 1)',
        },
        {
          label: '金額',
          data: [40.57, 91.72],
          borderColor: 'rgba(255, 99, 132, 1)',
          backgroundColor: 'rgba(255, 99, 132, 1)',
        },
      ],
    },
    options: {
      // indexAxis: 'y',
      plugins: {
        legend: {
          // display: false,
          labels: {
            padding: 5,
            font: {
              display: false,
              size: 16,
            },
          },
        },
      },
      scales: {
        x: {
          ticks: {
            font: {
              size: 16,
            }
          },
          title: {
            display: false,
            font: {
              family: 'Times',
              size: 48,
            },
          },
        },
        y: {
          title: {
            display: true,
          },
          ticks: {
            font: {
              size: 16,
            }
          },
          beginAtZero: true,
        }
      }
    }
  });
</script>