小编ric*_*nra的帖子

有没有办法通过meta标签或manifest.json为支持主题颜色的浏览器设置不同的图标？我有一个黑色的主题栏，但在桌面浏览器上却使用了一个黑色的图标。我想为移动浏览器提供一个备用的白色图标，但我不想假设移动浏览器===支持主题颜色，因为情况并非总是如此。

桌面收藏夹示例：

移动收藏夹示例：

我正在研究d3.js散点图,我希望它可以在不调整点的情况下进行缩放.我的基础是http://static.cybercommons.org/js/d3/examples/zoom-pan/zoom-pan.html,它有可用的可缩放网格线,但到目前为止,我无法获得积分缩放也是如此.当我缩放/平移时,每个点都会返回以下控制台警报:

意外值转换(NaN,0)解析转换属性.

你可以在这里看到完整的东西,下面是设计的截图(点击"在新窗口中打开"以查看整个内容):http: //bl.ocks.org/242dcfc83d98743d8589

JS的简化版本在这里:

d3.csv("js/AllOccupations.csv", function(data) {

    var margin = {top: 30, right: 10, bottom: 50, left: 60},
        width = 960 - margin.left - margin.right,
        height = 500 - margin.top - margin.bottom;

    var xMax = d3.max(data, function(d) { return +d.TotalEmployed2011; }),
        xMin = 0,
        yMax = d3.max(data, function(d) { return +d.MedianSalary2011; }),
        yMin = 0;

    //Define scales
    var x = d3.scale.linear()
        .domain([xMin, xMax])
        .range([0, width]);

    var y = d3.scale.linear()
        .domain([yMin, yMax])
        .range([height, 0]);

    var colourScale …

我用缩放/平移功能构建了一个d3.js散点图.你可以在这里看到完整的东西(点击"在新窗口中打开"以查看整个内容):http: //bl.ocks.org/129f64bfa2b0d48d27c9

有一些我无法弄清楚的功能,如果有人能指出我正确的方向,我会爱上它:

1. 我想将X/Y缩放/平移边界应用于该区域,以便您不能将其拖动到某个点(例如零)以下.
2. 我也开始创建谷歌地图样式+/-缩放按钮,没有任何成功.有任何想法吗？

更不重要的是,还有一些领域我已经找到了解决方案,但它非常粗糙,所以如果你有更好的解决方案,请告诉我:

1. 我添加了一个"重置缩放"按钮,但它只删除了图形并在其位置生成了一个新图形,而不是实际缩放对象.理想情况下,它应该实际重置缩放.

2. 我编写了自己的函数来计算X和Y数据的中位数.但是我确信必须有更好的方法来使用d3.median这样做,但我无法弄清楚如何使其工作.

   var xMed = median(_.map(data,function(d){ return d.TotalEmployed2011;}));
   var yMed = median(_.map(data,function(d){ return d.MedianSalary2011;}));
   
   function median(values) {
       values.sort( function(a,b) {return a - b;} );
       var half = Math.floor(values.length/2);
   
       if(values.length % 2)
           return values[half];
       else
           return (parseFloat(values[half-1]) + parseFloat(values[half])) / 2.0;
   };
   

   Run Code Online (Sandbox Code Playgroud)

JS的一个非常简化(即旧版)的版本如下.您可以在https://gist.github.com/richardwestenra/129f64bfa2b0d48d27c9#file-main-js找到完整的脚本.

d3.csv("js/AllOccupations.csv", function(data) {

    var margin = {top: 30, right: 10, bottom: 50, left: 60},
        width = 960 - margin.left - margin.right,
        height = 500 - margin.top - margin.bottom; …