مرجع تخصصی برنامه نویسان

انجمن تخصصی برنامه نویسان فارسی زبان

کاربر سایت

زهرا ذبیحیان

عضویت از 1395/09/04

نمودار میله ای

  • دوشنبه 9 مرداد 1396
  • 18:42
تشکر میکنم

سلام . من کدی درمورد نمودار میله ای از سایتی برداشتم ولی نمیدونم چطوری باید اون رو در جایی که می خوام قرارش بدم؟؟؟بطور مثال میخوام توی تگی با کلاس .one قرار بگیره

<html lang="en">
<head>
    <meta charset="utf-8">
    <title>D3: Drawing divs, spaced out</title>
    <script type="text/javascript" src="http://d3js.org/d3.v3.min.js"></script>
    <script type="text/javascript">

        var dataset = [ 25, 10, 15, 26, 8, 13, 0, 10, 0, 1, 2, 1, 8, 3, 26, 11, 15, 26, 15, 19, 0, 10, 0, 2, 21];

        d3.select("body").select("div.bar")
                .data(dataset)
                .enter()
                .append("div")
                .attr("class", "bar")
                .style("height", function(d) {
                    var barHeight = d * 5;
                    return barHeight + "px";
                });

    </script>
    <style type="text/css">

        div.bar {
            display: inline-block;
            width: 15px;
            height: 75px;
            margin-right: 2px;
            background-color: #25d0c3;
        }

    </style>
</head>
<body>
<div style="border: 1px solid red" class="one"></div>
</body>
</html>

پاسخ های این پرسش

تعداد پاسخ ها : 1 پاسخ
کاربر سایت

ایمان مدائنی

عضویت از 1392/01/20

  • سه شنبه 10 مرداد 1396
  • 10:01

لطفا تاپیک خود را در تالار مربوطه مطرح کنید تا به جواب برسید

ممنون

کاربرانی که از این پست تشکر کرده اند

هیچ کاربری تا کنون از این پست تشکر نکرده است

اگر نیاز به یک مشاور در زمینه طراحی سایت ، برنامه نویسی و بازاریابی الکترونیکی دارید

با ما تماس بگیرید تا در این مسیر همراهتان باشیم :)