Невозможно правильно просмотреть график px-vis-timeseries, пока размер окна браузера не изменится - PullRequest
0 голосов
/ 15 ноября 2018

Я использую приведенную ниже конфигурацию графа px-vis-timeseries и показываю график на основе выбора ресурса.

 <px-card header-text="Rotor - Lifetime Remaining ">
      <div style='height: 350px;'>
      <px-vis-timeseries
        width="1000" 
        height="250"
        margin='{"top":30,"bottom":60,"left":65,"right":65}' 
        register-config='{"type":"vertical","width":200}'
        selection-type="xy" 
        chart-data="{{ltuchartData}}" 
        series-config="[[LTUseriesConfig]]"
        chart-extents="[[_chartExtents]]" 
        prevent-web-worker-synchronization="true"
        event-config='{}'
        threshold-data='[
          {"for": "y0","type": "max", "value": 50}, 
          {"for": "y0","type": "min","value": 25}]'
        threshold-config='{
          "max": {"color": "orange","dashPattern": "5,0","title": "LIFE TIME ASSESSMENT",
            "showThresholdBox": true,"displayTitle": true},
          "min": {"color": "red","dashPattern": "5,0", "title": "INCREASED RISK OF FAILURE",
            "showThresholdBox": true,"displayTitle": true}}'
        x-axis-config='{"title":"Time"}' 
        y-axis-config='{"axis1":{"title":"Remaining","titleTruncation":false,"unit":"%"}}'
        hide-gridlines-x="true" 
        hide-gridlines-y="true" 
        disable-navigator="true" 
        toolbar-config="{{ToolbarConfig}}">
      </px-vis-timeseries>
    </div>
  </px-card>

Моя проблема заключается в том, что когда я выбираю ресурс первый раз из контекстного браузера, который не получает представление графика правильно, как прикрепленный снимок, тогда мне нужно изменить размер окна браузера, тогда я могу получить представление графика правильно, и если я даю атрибут protect-resize = Значение true в конфигурации px-vis-timeseries, тогда я каждый раз получаю график правильно, но в этом случае мой график не отвечает, нам также нужен отзывчивый график, поэтому я не могу использовать функцию предотвращения изменения размера, чтобы решить эту проблему.

Буду благодарен, если кто-нибудь может дать мне какое-либо указание или предложение по решению этой проблемы. enter image description here

...