본문 바로가기

series 속성에 border를 객체 형태로 주면 된다.

 

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>Kendo UI Snippet</title>

    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2022.2.621/styles/kendo.default-v2.min.css"/>

    <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
    <script src="https://kendo.cdn.telerik.com/2022.2.621/js/kendo.all.min.js"></script>
</head>
<body>
  
<div id="chart"></div>
<script>
$("#chart").kendoChart({
  dataSource: [
    { value: 1, test: 5 },
    { value: 2, test: 1 }
  ],
  series: [
    { 
      field: "value",
    	border: {
        width: 2,
        color: "black",
        dashType: "dash",
      },
    },
    { 
      field: "test",
    	border: {
        width: 3,
        color: "red",
      },
    }
  ]
});
var chart = $("#chart").data("kendoChart");
var data = chart.dataSource.at(0);
chart.dataSource.remove(data);
</script>
</body>
</html>

 

참고

'라이브러리 > Kendo' 카테고리의 다른 글

Kendo Chart Legend가 비활성화일 때 색상 변경  (0) 2022.07.01

개발의 각궁

Spring | Spring MVC | Spring Boot | Spring Security | Mysql | Oracle | PostgreSQL | Mybatis | JPA | Angular.js | Vue.js | Nuxt.js | React.js | TypeScript | JSP | Frontend | Backend