모션 차트 게시 : 초기 상태 설정

Question

스프레드 시트에서 모션 차트를 만들고 '게시'를 선택한 후 내 서버의 HTML 페이지에 붙여 넣으면 작업 차트가 생성됩니다 (스프레드 시트 URL을 제거했습니다) : 나는 진보를 통해 현재 상태 설정 문자열을 얻을 수 있습니다 색상, 크기, 선형/로그 등

:

<script type="text/javascript" src="//ajax.googleapis.com/ajax/static/modules/gviz/1.0/chart.js"> {"dataSourceUrl":"//docs.google.com/spreadsheet/tq?key=[mysheet]&transpose=0&headers=1&range=A1%3AC57&gid=0&pub=1","options":{"showChartButtons":true,"vAxes":[{"title":"Left vertical axis title","useFormatFromData":true,"minValue":null,"viewWindow":{"min":null,"max":null},"maxValue":null},{"useFormatFromData":true,"minValue":null,"viewWindow":{"min":null,"max":null},"maxValue":null}],"titleTextStyle":{"fontSize":16},"title":"Chart title","booleanRole":"certainty","height":643,"animation":{"duration":500},"width":1468,"showSidePanel":true,"hAxis":{"title":"Horizontal axis title","useFormatFromData":true,"minValue":null,"viewWindow":{"min":null,"max":null},"maxValue":null}},"state":{},"view":{},"isDefaultVisualization":true,"chartType":"MotionChart","chartName":"Chart 1"} </script> 

차트 나 차트의 디스플레이에 수행 한 상태 변경을 유지하지 않습니다 그러나

대화 상자 :

{"yLambda":0,"xZoomedDataMax":381835,"colorOption":"_UNIQUE_COLOR","xZoomedIn":false,"showTrails":false,"yZoomedIn":false,"playDuration":15000,"nonSelectedAlpha":0.4,"xLambda":0,"yAxisOption":"2","yZoomedDataMax":381835,"yZoomedDataMin":6213,"iconType":"BUBBLE","time":"2000","orderedByX":false,"iconKeySettings":[{"key":{"dim0":"Metric1"}},{"key":{"dim0":"Metric2"}},{"key":{"dim0":"Metric3"}},{"key":{"dim0":"Metric4"}}],"dimensions":{"iconDimensions":["dim0"]},"orderedByY":false,"duration":{"multiplier":1,"timeUnit":"Y"},"sizeOption":"2","uniColorForNonSelected":false,"xAxisOption":"2","xZoomedDataMin":6213} 

HTML 파일의 "state": {} 매개 변수에 배치해도 아무 효과가 없습니다. 다시 여러 가지 다른 위치에 상태 문자열을 놓으려고했습니다. 원하는 상태를 표시하려면 상태 문자열을 어디에 넣어야합니까? 당신은 문자열로 "상태"옵션에 추가

Answer 1

아닌 객체 :

state: '{"yLambda":0,"xZoomedDataMax":381835,"colorOption":"_UNIQUE_COLOR","xZoomedIn":false,"showTrails":false,"yZoomedIn":false,"playDuration":15000,"nonSelectedAlpha":0.4,"xLambda":0,"yAxisOption":"2","yZoomedDataMax":381835,"yZoomedDataMin":6213,"iconType":"BUBBLE","time":"2000","orderedByX":false,"iconKeySettings":[{"key":{"dim0":"Metric1"}},{"key":{"dim0":"Metric2"}},{"key":{"dim0":"Metric3"}},{"key":{"dim0":"Metric4"}}],"dimensions":{"iconDimensions":["dim0"]},"orderedByY":false,"duration":{"multiplier":1,"timeUnit":"Y"},"sizeOption":"2","uniColorForNonSelected":false,"xAxisOption":"2","xZoomedDataMin":6213}' 

그리고 구체적으로 상태 옵션 (즉, options의 매개 변수)가 아닌 상태 매개 변수으로, MotionCharts는 현대 구조보다 선행하는 구형 시각화입니다. 그것은 다음과 같이 입력됩니다 :

options: {/* list of options */, state: 'state string'} 

이 마음에 들지 :

options: {/* list of options */}, state: 'state string'