小编Tec*_*ude的帖子

响应D3图表

我有这个D3图表 - 几乎开箱即用.有没有办法让它响应并使用宽度和高度变量,innerRadius和outerRadius的百分比？我在响应式网站上工作,需要根据屏幕大小/浏览器大小进行更改.

码:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
html,
body {
  margin:0;
  padding:0;
  width:100%;
  height:100%;
}

.chart-container {
/*  width:50%;
  height:50%;*/
}
</style>
<body>
<script src="http://d3js.org/d3.v3.min.js"></script>
<script>
  var width = 350,
      height = 350,
      ? = 2 * Math.PI;

  var arc = d3.svg.arc()
      .innerRadius(100)
      .outerRadius(135)
      .startAngle(0);

var svg = d3.select("body").append("svg")
      .attr("width", width)
      .attr("height", height)
    .append("g")
      .attr("transform", "translate(" + width / 2 + "," + height / 2 + ")")

  var background = …

Run Code Online (Sandbox Code Playgroud)

responsive-design d3.js

Tec*_*ude

lucky-day

56
推荐指数

2
解决办法

5万
查看次数

使用Google Visualization动画饼图

我正在尝试使用谷歌图表.我想要一个饼图从0%到75%的动画(见下图).我试图通过谷歌图表实现这一目标.我正在创建两组数据,一组将以99%开始,另一组以1%开始.我想反转和动画这些.我已经通过动画实现了更改值,但无法弄清楚如何让它们进行动画制作.

<html>
  <head>
    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript">

      google.load('visualization', '1.0', {'packages':['corechart']});

      google.setOnLoadCallback(drawChart);

      function drawChart() {

        var data = new google.visualization.DataTable();
        data.addColumn('string', 'text');
        data.addColumn('number', 'number');

        data.addRows(2);
        data.setValue(0, 0, 'Work');
        data.setValue(0, 1, 1);
        data.setValue(1, 0, 'Eat');
        data.setValue(1, 1, 99);

        var options = {
                        width:500,
                        height:500,
                        animation: {duration: 1000, easing: 'out',}
                      };

        var chart = new google.visualization.PieChart(document.getElementById('chart_div'));

        chart.draw(data, options);

        function aniChart(d,o){
          for (var i=1; i<100; i++) {
            data.setValue(0, 1, i);
          }

          for (var i=99; i>00; i--) {
            data.setValue(1, 1, i);
          }
          setTimeout(function(){
            chart.draw(data, …

Run Code Online (Sandbox Code Playgroud)

jquery charts animation visualization

Tec*_*ude

lucky-day

7
推荐指数

1
解决办法

1万
查看次数

倾斜导航

我正在尝试制作一个倾斜形状的导航菜单,如下图所示.有人可以给我任何关于创建这个的最佳方式的输入吗？

任何帮助将不胜感激!

倾斜的导航

html navigation

Tec*_*ude

lucky-day

2
推荐指数

1
解决办法

2893
查看次数

Wordpress:在父页面上查询子页面内容

我有自定义的帖子类型设置 - 称为项目和启用的子页面.当我在父页面上时,我想查询父页面上子页面的内容.

这是我的尝试.这将查询称为项目的所有自定义帖子类型任何人都可以帮我查询子页面吗？

<?php

$args = array(

    'child_of' => $post->ID, 
    'post_type' => 'projects', 

    'order'          => 'ASC',
    'orderby'        => 'menu_order'
 );


$wpq = new WP_Query( $args );
if( $wpq->have_posts() ): while( $wpq->have_posts() ): $wpq->the_post(); ?>

        <div id="parent-<?php the_ID(); ?>" class="parent-page">
            <?php echo the_content();?>
        </div>

    <?php endwhile; ?>

<?php endif; wp_reset_query(); ?>

Run Code Online (Sandbox Code Playgroud)

wordpress parent-child

Tec*_*ude

lucky-day

1
推荐指数

1
解决办法

8050
查看次数

在switch语句中更新PHP变量(简单)

在PHP中,我有一个名为$ chickens的开关之外的值,等于1.在通过switch语句之后,我希望将值更改为b.

//original value of var
$chickens = 1;

switch ($chickens) {
  case "0":
    $chickens === "a";
    break;
  case "1":
    $chickens === "b";
    break;
  case "2":
    $chickens === "c";
    break;
  case "3":
    $chickens === "b";
    break;
}

//want this to be "b" defined in switch
echo $chickens;

Run Code Online (Sandbox Code Playgroud)

由于某种原因,价值不会更新:(.任何想法

php variables scope switch-statement

Tec*_*ude

2014 08-30

1
推荐指数

1
解决办法

1259
查看次数

使用数学随机生成随机不透明度数

我正在尝试为css不透明度生成一个随机数.

这是我到目前为止所尝试的.

CSS

.test{
    position : absolute;
    width : 15px;
    height : 15px;
    border-radius:15px;
    background-color : black; 
}?

Run Code Online (Sandbox Code Playgroud)

脚本

$(function() {
    for (var i = 0; i < 300; i++) {
        $("<div>", {
            class: "test",
            css: {
                opacity: randomOpacity
            }
        }).appendTo("body");
    }

    function randomOpacity() {
        var opac = 0;
        opac = Math.random() < 1;
        console.log(opac);
    }

    randomize();
});?

Run Code Online (Sandbox Code Playgroud)