about the page diagram corresponding to the problem, the question met the time, September 1, to Today September 2, has not been resolved

Source: Internet
Author: User

First of all, I am doing the company's new software page, background page, the problem is when I introduced Baidu Echarts.js, want to use their plug-in to achieve the function of the chart, found that JS information description must be placed under their div ID, otherwise it will expire, this is the problem.

Now the problem is not solved about the graph on the PC side and on the phone side of the display problem, due to the echarts.js mechanism, he is needed in

<class= "Am-panel am-panel-default am-u-sm-12">        <  ID= "TfE"  class= "Wutoo"  style= "Min-width: 60rem; Min-height:40rem; " ></ Div >         </ Div >

The width and length of the style is set, that is, he sets the DOM himself in the DOM, which is the problem.

I started looking for all the questions about responsive pages on the web, that is, CSS3 new properties, judging by the width of the page, such as the display of width, such as

@media screen and (Max-width:700rem) {         div#tfe{             width:6rem;height:4rem;         }       }       @media screen and (Max-width:1024rem) {         div#tfe{             width:60rem;height:40rem;

The width of the media is determined according to @media screen and, and the style of the DOM is adjusted according to the width.

But the style is written in the Div, and his permissions are higher than the permissions in CSS type, that is to say, I cannot modify the style of the chart.

JS method, directly to the width of the set

There is a way for me to recommend this, but it does not apply to me, of course, this is a way to allow me to temporarily solve the problem of mobile-style.

<script type= "Text/javascript" >    = window.innerheight ();     = (height/1080) *100+ "px" </script>

There is also a way to find them in the Baidu API document in the JS method, yesterday too cumbersome, want to find a lazy way, it seems that today must solve the problem

Mobile phone echarts can achieve this function, that is to say Baidu has a suitable method, but I now need to change from this place, week 6th to solve the problem.

about the page diagram corresponding to the problem, the question met the time, September 1, to Today September 2, has not been resolved

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.