! 제품 버전을 정확하게 입력해 주세요.
제품 버전이 정확하게 기재되어 있지 않은 경우,
최신 버전을 기준으로 안내 드리므로
더욱 빠르고 명확한 안내를 위해
제품 버전을 정확하게 입력해 주세요!

차트 질문입니다. > Q&A | 토론

본문 바로가기

Wijmo

Q&A | 토론

PureJS 차트 질문입니다.

페이지 정보

작성자 설무린a 작성일 2024-02-20 11:16 조회 56회 댓글 2건
제품 버전 : 5.20221.857
컨트롤 이름 : wijmo chart

본문


데이터 받아오는 값이랑 x축에 표현되는 날짜 값이 다른데 왜그런 걸까요?

x축 데이터는 newDate로 표현된 분데이터 00:00 ~ 24:00분까지 1440개 데이터 입니다.

툴팁처럼 00시00분 부터 시작하고 싶은데 답변 부탁 드립니다.

axisX: {
title: '',
format: "HH:mm"
},
tooltip: {
content: "<b class='text-warning'>{data0:}</b><br> : <b>{data1:f1}</b>"
},
  • 페이스북으로 공유
  • 트위터로  공유
  • 링크 복사
  • 카카오톡으로 보내기

댓글목록

설무린a님의 댓글

설무린a 작성일

그리고 추가질문인데, 마우스 포인트가 차트영역 내에 어디에 있든 툴팁이 나타나게 할려면 어떻게 하는건가요?
지금은 해당 x축 이나 y축 값이 있는 곳에서만 뜨는것 같은데 방법좀 알려주세요

MESCIUS루시님의 댓글의 댓글

MESCIUS루시 작성일

안녕하세요 메시어스입니다.

문의하신 내용에 대해서 확인 후 안내드리겠습니다.

감사합니다.
메시어스 드림

2 답변

PureJS Re: 차트 질문입니다.

추천0 이 글을 추천하셨습니다 비추천0

페이지 정보

작성자 MESCIUS루시 작성일 2024-02-21 10:00 댓글 1건

본문

안녕하세요 메시어스입니다.


문이하신 내용에 대해 안내드립니다.


1. 데이터 x 축 값 설정 문의

=> 해당 문의에 대해서 공유해주신 정보를 토대로 저희 쪽에서 재현해보고자 하였으나 안타깝게도 재현이 되지 않아 정확한 원인 파악이 어렵습니다. 저희 쪽으로 재현 가능한 샘플 프로젝트를 공유해주실 수 있으실까요? 공유해주신 샘플을 기반으로 재현 및 디버깅 후 답변드리도록 하겠습니다.


2. 차트 영역 전체에 툴팁 설정하는 방법

=> 축 내의 영역인 PlotArea를 포함하여 차트 전체 영역에 툴팁을 설정하기 위해서는 hitTest 메서드를 이용하시면 됩니다.  아래 데모를 참고하여 주시기 바랍니다.


- 히트 테스트 데모


감사합니다.

메시어스 드림




댓글목록

설무린a님의 댓글

설무린a 작성일

차트 구성한 object입니다.


0a98bd160eee0e866af5048d920fd970_1710148520_1116.png
 


realChart7 = new wijmo.chart.FlexChart('#realChart7', {
        legend: {
            position: wijmo.chart.Position.Top
        },
        legendToggle: true,
        bindingX: 'data0',
        series: [{
            binding: 'data1',
            name: '유입조pH',
            chartType: 'Line',
        }],
        itemsSource: jsonArr,
        axisX: {
            title: '',
            majorGrid: type==1 ? false : true,
            format: "HH:mm"
        },
        tooltip: {
            content: "<b class='text-warning'>{data0:}</b><br> 유입조pH: <b>{data1:f1}</b>"
        },
        axisY: {
            title: '유입조pH',
            format: 'f1',
            min: 6,
            max: 9,
            majorGrid: true,
            minorGrid: false,
            majorUnit: null,
            minorUnit: null,
            axisLine: true,
            majorTickMarks: 'Cross',
        },
    });

    wijmo_option(realChart7);
    realChart7.interpolateNulls = false;

PureJS Re: 차트 질문입니다.

추천0 이 글을 추천하셨습니다 비추천0

페이지 정보

작성자 MESCIUS루시 작성일 2024-03-12 16:34 댓글 0건

본문

안녕하세요 메시어스입니다.


공유해주신 내용을 통해 저희 쪽에서 재현 해보고자 했으나 안타깝게도 저희 쪽에서는 아래 이미지와 같이 00시 00분부터 x축에 표현되고 있습니다.



e53d8c7c20df3736fdf3f6962c6a530a_1710228635_1241.png
 


아래 기본 샘플을 공유드리오니 해당 샘플을 바탕으로 저희 쪽으로 재현 가능한 샘플을 공유해주신다면 재현 및 디버깅 후 답변드리도록 하겠습니다.



감사합니다.

메시어스 드림

댓글목록

등록된 댓글이 없습니다.

메시어스 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기
메시어스 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기
이메일 : sales-kor@mescius.com | 전화 : 1670-0583 | 경기도 과천시 과천대로 7길 33, 디테크타워 B동 1107호 메시어스(주) 대표자 : 허경명 | 사업자등록번호 : 123-84-00981 | 통신판매업신고번호 : 2013-경기안양-00331 ⓒ 2024 MESCIUS inc. All rights reserved.