我有一個資料如下

想要做出下面這種線圖

請問該如何做呢，目前是用ajax抓資料回來，但抓完資料後也不知如何下手

public class trafficSourceData
    {
        public string label { get; set; }
        public string count { get; set; }
        public string mount { get; set; }
        public string color { get; set; }
    }
    
    [WebMethod]
        public List<trafficSourceData> getTrafficSourceData()
        {
            List<trafficSourceData> t = new List<trafficSourceData>();
            string[] arrColor = new string[] { "#231F20", "#FFC200", "#F44937", "#16F27E", "#FC9775", "#5A69A6" };

            string conn = WebConfigurationManager.ConnectionStrings["HRPConnectionString"].ConnectionString;

            using (SqlConnection cn = new SqlConnection(conn))
            {
                string myQuery = "select * from TEST1";
                SqlCommand cmd = new SqlCommand();
                cmd.CommandText = myQuery;
                cmd.CommandType = CommandType.Text;
                cmd.Connection = cn;
                cn.Open();
                SqlDataReader dr = cmd.ExecuteReader();
                if (dr.HasRows)
                {
                    int counter = 0;
                    while (dr.Read())
                    {
                        trafficSourceData tsData = new trafficSourceData();
                        tsData.count = dr["數量"].ToString();
                        tsData.label = dr["產品"].ToString();
                        tsData.mount = dr["月份"].ToString();
                        tsData.color = arrColor[counter];
                        t.Add(tsData);
                        counter++;
                    }
                }
            }
            return t;
        }
    }

$(document).ready(function () {
            $.ajax({
                type: "POST",
                url: "WebService1.asmx/getTrafficSourceData",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (response) {
                    var aData = response.d;
                    var arr = [];
                    $.each(aData, function (inx, val) {
                        var obj = {};
                        obj.color = val.color;
                        obj.count = val.count;
                        obj.label = val.label;
                        obj.mount = val.mount;
                        arr.push(obj);
                    });
                    var ctx = $("#myChart").get(0).getContext("2d");
                    
                },
                error: function () {

                }
            });

        });

請各位大神指導一下謝謝