2017-11-30 14 views
0

http://dotnet.highcharts.com/dev/Highcharts/Demo/Docs?section=WFFirstChart3ASP.NET 웹 양식에서 여러 개의 hichart를 사용하는 경우 페이지 상단 부분에 하나만 표시 페이지 머리글을 아래로 밀어

에 나와있는 샘플 코드를 사용하여 ASP.NET 웹 양식에서 HiChart를 사용하려고합니다.

내가 직면하고있는 문제는 차트가 나타나지만 페이지의 위쪽 섹션에 표시되고 섹션을 삽입하려고하는 것으로 제한되지 않는다는 것입니다. 마스터 페이지에 생성 된 페이지의 헤더 아래로 내려옵니다.

<script type="text/javascript" 
src="http://code.highcharts.com/highcharts.js"></script> 
<script type="text/javascript" 
src="https://code.highcharts.com/modules/exporting.js"></script> 

<asp:Panel ID="pnlCharts" runat="server"> 
    <div class="form-group"> 
     <div class="rows"> 
      <div class="col-sm-1"></div> 
      <div class=col-sm-5> 
       <hichart:HighChartIncidents ID="hichartIncidents" runat="server"/> </div> 
      <div class="col-sm-1"></div> 
      <div class="col-sm-5"> 
       <hichart:HighChartIncidents ID="HighChartIncidents1" runat="server"/> 
      </div> 
      <div class="col-sm-1"></div> 
     </div> 
    </div> 
</asp:Panel> 

+0

asp 리터럴의 Text 속성에 toHtmlString() 출력을 시도하는 중입니다. 하이 차트는 크롬에서 두 번이 아니라 한 번 표시됩니다. IE에서 자바 스크립트 오류 27 표시 및 차트가 표시됩니다. –

+0

각 인스턴스마다 다른 차트 이름을 설정하여 여러 차트가 표시되지 않는 문제를 해결했습니다. 이제 2 개의 유사한 차트를 나란히 볼 수 있습니다. 문제는 Chrome에서 작동하지만 IE 버전 11에서는 작동하지 않는다는 것입니다. IE 버전 11에서는 차트가 표시되지 않습니다. –

+0

주제가 계속됩니다. https://stackoverflow.com/questions/47586455/highcharts-programmed-in-for- asp-net-webform-server-control-are-not-displaying –

답변

0

초기 문제는 내가 차트 HTML을 작성하는 Response.Write를 사용하던 것이 었습니다 그것은 페이지 이상 작성하기되었습니다

내 aspx 페이지는 아래와 같다 그것을 아래로 움직이는 헤더.

둘째, 하드 코딩 된 차트 이름을 사용하고 있었고 여러 차트를 동일한 hichart 컨트롤과 나란히 표시하는 데 문제가있었습니다. 해결 방법 ChartName 속성을 추가하고 동일한 컨트롤의 여러 인스턴스에 대해 동일한 차트 이름을 사용하지 않도록했습니다.

차트를 표시하지 않는 IE 탐색기의 문제는 아직 조사 중입니다.