<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                ??一站式輕松地調用各大LLM模型接口,支持GPT4、智譜、豆包、星火、月之暗面及文生圖、文生視頻 廣告
                ![](https://box.kancloud.cn/2016-04-19_57161003baa37.jpg) ~~~ <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> .axis path, .axis line{ fill:none; stroke:black; shape-rendering: crispEdges; } .axis text{ font-family: sans-serif; font-size: 11px; } </style> <script src="js/d3.min.js" type="text/javascript" charset="utf-8"></script> <script src="js/jquery-1.11.3.min.js" type="text/javascript" charset="utf-8"></script> </head> <svg></svg> <body> <script type="text/javascript"> var svg = d3.select("svg"); //獲取svg元素 var dataset = [1.2,2.3,0.9,1.5,3.3]; //數據集 var max = d3.max(dataset); //選擇數據集中最大值即3.3 var linear = d3.scale.linear() //添加比例尺 .domain([0,max]) .range([0,250]); //自定義比例尺范圍 var rectHeight = 25; //矩形的高 svg.selectAll("rect") //獲取目前svg中所有的矩形 .data(dataset) //綁定數據集到 .enter() //選擇數據集比rect元素多出來的數據(因為svg中原先沒有rect,也就是選中了所有的數據)(也就是為什么后面會產生很多個rect) .append("rect") //針對每個多出來的數據都添加一個rect元素 .attr("x",20) //設置rect 橫坐標 .attr("y",function(d,i){ //設置rect 縱坐標 function中d代表dataset中的每一個data,i為index return i*rectHeight; }) .attr("width",function(d,i){ //設置rect 寬度(將數據集中的數據經過比例尺算出最終的數據) return linear(d); }) .attr("height",rectHeight-2) //設置rect 高度 .attr("fill","steelblue"); //rect填充色 var axis = d3.svg.axis() //設置坐標軸 .scale(linear) //為坐標軸設置比例尺 .orient("bottom") //設置坐標軸的方向 .ticks(7); //設置坐標軸上有幾個刻度 svg.append("g") //g代表group,svg添加一個g .attr("class","axis") //設置g的css .attr("transform","translate(20,125)") //設置變形 .call(axis); //調用axis函數初始化(相當于axis(svg.append("g").attr("class","axis").attr("transform","translate(20,125)"))) </script> </body> </html> ~~~
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看