J'code daily

Adding a unit to x axis labels in plotly.js

How to use it sets the tick label suffix plot.ly.

How to change the way numbers are displayed in plot.ly graph. - Plotly

I don't want to use this method in this graph.

So I solved it.

tikformat was used as the solution.

var layout = {

    xaxis : {

    tickformat: '0.0f'

   }

}

Why did this error(Could not build wheels for numpy which is required to install pyproject.toml-based projects) occur?

I guess.

---------------------------------------------------------------------------------------------1. From the control panel, it went to the Remove Program tab and removed the file sun.

2. Google searched python download 3.8 and downloaded Windows x86-64 extractable installer.

3. Installation of python-3.8.0-amd64.exe was performed.
   - PATH, that is, a variable path is selected.

--------------------------------------------------------------------------------------------

It's been solved.

Why do I get error code 9009 in Visual Code Python?
- Since I checked the Add Python PATH, I did not think that there was a problem with the environment
  variable and looked for other parts.
  When I checked the environment variables, there was no path.

Solved it.

Two file paths are registered. As a result, it ran without any error code.

모드바에서 특정 버튼 제거 방법

1. Put the mouse on top of icon.
2. You can check which one it is.
3. If it comes out as Compare data on hover, the appropriate hoverCompareCartesian will be the answer.

hoverCompareCartesian :  Compare data on hover

hoverClosestCartesian :  show closest data on hover

toggleSpikelines : toggle spike lines

resetScale2d : reset axes

autoScale2d : autoscale

If there's anything you want to find, do Ctrl + F.

list of all the modebar buttons

• 2D
  - zoom2d, pan2d, select2d, lasso2d, zoomIn2d, zoomOut2d, autoScale2d, resetScale2d
• 3D
  - zoom3d, pan3d, orbitRotation, tableRotation, handleDrag3d, resetCameraDefault3d,
    resetCameraLastSave3d, hoverClosest3d
• Cartesian
  - hoverClosestCartesian, hoverCompareCartesian
• Geo
  - zoomInGeo, zoomOutGeo, resetGeo, hoverClosestGeo
• Other
  - hoverClosestGl2d, hoverClosestPie, toggleHover, resetViews, toImage,
    sendDataToCloud, toggleSpikelines, resetViewMapbox

Plotly.js Chart를 사용하면서 필요하지 않는 도구모음의 경우 제거, 제거 방법은 아래와 같다.

lasso2d : 올가미
select2d : 사각형 선택
displaylogo : plotly 로고 제거

다른 도구모음 추가나 제거의 경우 아래 링크에서 알아 볼 수 있음.

https://github.com/plotly/plotly.js/blob/master/src/components/modebar/buttons.js

Plotly.js의 확대 기능을 이용한 후, 축소 방법은..
- 더블 클릭하면 처음 상태로 돌아온다.

Web 화면에 Video를 적용시켜, 동영상을 배경으로 사용 방법.

<video src="../chart_Web/video/main_video.mp4" muted autoplay loop></video>  

사이에 공백이 있을 경우 해결 방법!
section에 font-size : 0px;

- 단 이렇게 할 경우 자식에게도 font-size 상속된다.

overflow 속성은 내용이 길어서 화면에 넘칠 경우 처리 방법으로, overflow-x, overflow-y 값을 설정.
적용 가능한 방법은 넘친 내용을 그대로 나두거나, 잘라내거나, 스크롤바 노출.

√ X,Y축 공통으로 사용 할 경우!
overflow : visible;
 - 전체 노출
overflow : hidden;
 - 화면 크기까지만 노출 후 나머진 잘라내기
overflow : scroll;
 - 크기 상관 없이 넓이와 높이 Scrollbar 생성
overflow : auto;
 - 크기에 따라 넓이와 높이 Scrollbar 생성

√ X,Y축 따로 사용 할 경우!
overflow-x : visible; overflow-y : visible;
 - 전체 노출
overflow : hidden; overflow-y : hidden;
 - 화면 크기까지만 노출 후 나머진 잘라내기