Mapper:

package kr.co.allday.bean;

import lombok.Getter;
import lombok.Setter;

@Getter
@Setter
public class TransectionBean {

    private String transactionnum;
    private int transactionamount;
    private String membernum;
    private String inventorynum;
    private String storeid;

}

========================================================= DAO:

package kr.co.allday.dao;

import kr.co.allday.bean.TransectionBean;
import kr.co.allday.mapper.TransectionMapper;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Repository;

import java.util.List;

@Repository
public class TransectionDAO {

    private final TransectionMapper transectionMapper;

    @Autowired
    public TransectionDAO(TransectionMapper transectionMapper) {
        this.transectionMapper = transectionMapper;
    }

    public List<TransectionBean> getTransectionList() {
        return transectionMapper.getTransectionList();
    }
}

=========================================================

Service:

package kr.co.allday.service;

import kr.co.allday.bean.TransectionBean;
import kr.co.allday.dao.TransectionDAO;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;

import java.util.List;

@Service
public class TransectionService {

    private final TransectionDAO transectionDAO;

    @Autowired
    public TransectionService(TransectionDAO transectionDAO) {
        this.transectionDAO = transectionDAO;
    }

    public List<TransectionBean> getTransectionList() {
        return transectionDAO.getTransectionList();
    }


}

============================================================ Controller:

package kr.co.allday.controller;

import kr.co.allday.bean.TransectionBean;
import kr.co.allday.service.TransectionService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.GetMapping;

import java.util.List;

@Controller
public class TransectionController {

    private TransectionService transectionService;

    @Autowired
    public TransectionController(TransectionService transectionService) {
        this.transectionService = transectionService;
    }

 // TransectionController.java
    @GetMapping("/transactionList")
    public String getTransactionList(Model model) {
        // Get transaction list from service
        List<TransectionBean> transactionList = transectionService.getTransectionList();

        // Add transaction list to the model with the correct name
        model.addAttribute("transectionListJson", transactionList);

        // Return the view name
        return "owner_salse";
    }

}

============================================================

구글차트를 사용하여 다음과 같이 작성해 뷰에 출력하려 했습니다. 차트는 뷰로 넘어오면 자동으로 실행되게 하였습니다.

var transectionList = $(transectionList); // transectionListJson은 모델에 담긴 데이터의 이름입니다.

google.charts.load('current', {'packages':['corechart']});
google.charts.setOnLoadCallback(drawChart);

function drawChart() {
    var chartData = new google.visualization.DataTable();
    chartData.addColumn('string', 'storeid');
    chartData.addColumn('number', 'salse');

    // 서버에서 받아온 데이터를 DataTable에 추가
    for (var i = 0; i < transectionList.length; i++) {
        chartData.addRow([transectionList[i].storeid, transectionList[i].transactionamount]);
    }

    var options = {'title':'매출 현황',
                   'width':400,
                   'height':300};

    var chart = new google.visualization.BarChart(document.getElementById('result-chart'));
    chart.draw(chartData, options);
}

그런데 이때 차트가  형식은 나오는데 막대 바가 나오지 않습니다.