> 웹 프론트엔드 > JS 튜토리얼 > JQUBAR1.1 jQuery 히스토그램 플러그인 release_jquery

JQUBAR1.1 jQuery 히스토그램 플러그인 release_jquery

WBOY
풀어 주다: 2016-05-16 18:15:02
원래의
1210명이 탐색했습니다.

버전 1.1에서는 일부 버그가 수정되었으며 다음 기능이 추가되었습니다.

1. 사용자 정의 가능한 좌표 색상

2. 사용자 정의 가능한 X 및 Y 축 좌표 이름

3 .Y축 동적 좌표 자동 설정

4.Y축 동적 좌표 값 자동 계산

5. 플러그인 스타일 업그레이드


JQUBAR1 사용 방법. 1:

1. Javascript 파일 및 CSS 파일 소개:

(ASP.NET MVC를 사용하여 html에 다음 코드 추가) 2.0 예시)

코드 복사 코드는 다음과 같습니다.

< ;script src="<%= Url.Content("~/Scripts/jquery-1.4.1.js")%>" type="text/javascript"
charset="utf-8">

" rel="stylesheet" type="text/css" />


2. html에 다음 자바스크립트 코드를 추가합니다.
코드 복사 코드는 다음과 같습니다.


3. >


코드 복사
코드는 다음과 같습니다.확대/축소
>


퍼지 쿼리 이름:





4. 0 C# 코드:




코드 복사

코드는 다음과 같습니다.
private NORTHWINDDataContext _Context = new NORTHWINDDataContext(); private 십진수[] GetPricesByEmployeeId(int EmployeesId) { decimal[] result = null result = _Context.Orders.Where(o => o. EmployeeID == EmployeeId).Take(5) .Select(oo => (decimal)oo.ShipVia).ToArray()
return result;
}

public JsonResult LoadData(문자열 이름)
{
var data = (from e in _Context.Employees.Take(10).ToList()
새 항목 선택
{
EmployeeID = e.EmployeeID,
Orders = GetPricesByEmployeeId(e.EmployeeID),
Name = e.FirstName,
}).Distinct()

if (!string.IsNullOrEmpty(name))
{
data = data.Where(d => d.Name.IndexOf(name) >= 0)
}

return Json(new { Success = true, Msg = data } , JsonRequestBehavior.AllowGet)
}


프로그램 스크린샷


그림 1:

그림 2:


주의사항
JQUBAR 플러그인 페이지의 html 표준을 표시하려면 다운로드 있습니다.

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿