小编yav*_*avg的帖子

我是这个库的新手，基本上我想更改工具提示和条形标签中显示的文本。我还想知道如何根据自己的喜好修改条形的颜色。为了尝试更改文本，我放置了一组测试文本，以便当我在栏上悬停时，文本对应于数据的位置。

var data = [[0,0,5],[0,1,1],[0,2,0],[0,3,0],[0,4,0],[0,5,0],[0,6,0],[0,7,0],[0,8,0],[0,9,0],[0,10,0],[0,11,2],[0,12,4],[0,13,1],[0,14,1],[0,15,3],[0,16,4],[0,17,6],[0,18,4],[0,19,4],[0,20,3],[0,21,3],[0,22,2],[0,23,5],[1,0,7],[1,1,0],[1,2,0],[1,3,0],[1,4,0],[1,5,0],[1,6,0],[1,7,0],[1,8,0],[1,9,0],[1,10,5],[1,11,2],[1,12,2],[1,13,6],[1,14,9],[1,15,11],[1,16,6],[1,17,7],[1,18,8],[1,19,12],[1,20,5],[1,21,5],[1,22,7],[1,23,2],[2,0,1],[2,1,1],[2,2,0],[2,3,0],[2,4,0],[2,5,0],[2,6,0],[2,7,0],[2,8,0],[2,9,0],[2,10,3],[2,11,2],[2,12,1],[2,13,9],[2,14,8],[2,15,10],[2,16,6],[2,17,5],[2,18,5],[2,19,5],[2,20,7],[2,21,4],[2,22,2],[2,23,4],[3,0,7],[3,1,3],[3,2,0],[3,3,0],[3,4,0],[3,5,0],[3,6,0],[3,7,0],[3,8,1],[3,9,0],[3,10,5],[3,11,4],[3,12,7],[3,13,14],[3,14,13],[3,15,12],[3,16,9],[3,17,5],[3,18,5],[3,19,10],[3,20,6],[3,21,4],[3,22,4],[3,23,1],[4,0,1],[4,1,3],[4,2,0],[4,3,0],[4,4,0],[4,5,1],[4,6,0],[4,7,0],[4,8,0],[4,9,2],[4,10,4],[4,11,4],[4,12,2],[4,13,4],[4,14,4],[4,15,14],[4,16,12],[4,17,1],[4,18,8],[4,19,5],[4,20,3],[4,21,7],[4,22,3],[4,23,0],[5,0,2],[5,1,1],[5,2,0],[5,3,3],[5,4,0],[5,5,0],[5,6,0],[5,7,0],[5,8,2],[5,9,0],[5,10,4],[5,11,1],[5,12,5],[5,13,10],[5,14,5],[5,15,7],[5,16,11],[5,17,6],[5,18,0],[5,19,5],[5,20,3],[5,21,4],[5,22,2],[5,23,0],[6,0,1],[6,1,0],[6,2,0],[6,3,0],[6,4,0],[6,5,0],[6,6,0],[6,7,0],[6,8,0],[6,9,0],[6,10,1],[6,11,0],[6,12,2],[6,13,1],[6,14,3],[6,15,4],[6,16,0],[6,17,0],[6,18,0],[6,19,0],[6,20,1],[6,21,2],[6,22,2],[6,23,6]];

for(var i in data){
    text_toltip.push("my text"+i);
}

这是我的代码：

var chart = echarts.init(document.getElementById('main'));

var hours = ['12a', '1a', '2a', '3a', '4a', '5a', '6a',
                '7a', '8a', '9a','10a','11a',
                '12p', '1p', '2p', '3p', '4p', '5p',
                '6p', '7p', '8p', '9p', '10p', '11p'];
var days = ['Saturday', 'Friday', 'Thursday',
                'Wednesday', 'Tuesday', 'Monday', 'Sunday'];

var text_toltip=[];

var data = [[0,0,5],[0,1,1],[0,2,0],[0,3,0],[0,4,0],[0,5,0],[0,6,0],[0,7,0],[0,8,0],[0,9,0],[0,10,0],[0,11,2],[0,12,4],[0,13,1],[0,14,1],[0,15,3],[0,16,4],[0,17,6],[0,18,4],[0,19,4],[0,20,3],[0,21,3],[0,22,2],[0,23,5],[1,0,7],[1,1,0],[1,2,0],[1,3,0],[1,4,0],[1,5,0],[1,6,0],[1,7,0],[1,8,0],[1,9,0],[1,10,5],[1,11,2],[1,12,2],[1,13,6],[1,14,9],[1,15,11],[1,16,6],[1,17,7],[1,18,8],[1,19,12],[1,20,5],[1,21,5],[1,22,7],[1,23,2],[2,0,1],[2,1,1],[2,2,0],[2,3,0],[2,4,0],[2,5,0],[2,6,0],[2,7,0],[2,8,0],[2,9,0],[2,10,3],[2,11,2],[2,12,1],[2,13,9],[2,14,8],[2,15,10],[2,16,6],[2,17,5],[2,18,5],[2,19,5],[2,20,7],[2,21,4],[2,22,2],[2,23,4],[3,0,7],[3,1,3],[3,2,0],[3,3,0],[3,4,0],[3,5,0],[3,6,0],[3,7,0],[3,8,1],[3,9,0],[3,10,5],[3,11,4],[3,12,7],[3,13,14],[3,14,13],[3,15,12],[3,16,9],[3,17,5],[3,18,5],[3,19,10],[3,20,6],[3,21,4],[3,22,4],[3,23,1],[4,0,1],[4,1,3],[4,2,0],[4,3,0],[4,4,0],[4,5,1],[4,6,0],[4,7,0],[4,8,0],[4,9,2],[4,10,4],[4,11,4],[4,12,2],[4,13,4],[4,14,4],[4,15,14],[4,16,12],[4,17,1],[4,18,8],[4,19,5],[4,20,3],[4,21,7],[4,22,3],[4,23,0],[5,0,2],[5,1,1],[5,2,0],[5,3,3],[5,4,0],[5,5,0],[5,6,0],[5,7,0],[5,8,2],[5,9,0],[5,10,4],[5,11,1],[5,12,5],[5,13,10],[5,14,5],[5,15,7],[5,16,11],[5,17,6],[5,18,0],[5,19,5],[5,20,3],[5,21,4],[5,22,2],[5,23,0],[6,0,1],[6,1,0],[6,2,0],[6,3,0],[6,4,0],[6,5,0],[6,6,0],[6,7,0],[6,8,0],[6,9,0],[6,10,1],[6,11,0],[6,12,2],[6,13,1],[6,14,3],[6,15,4],[6,16,0],[6,17,0],[6,18,0],[6,19,0],[6,20,1],[6,21,2],[6,22,2],[6,23,6]];

for(var i in data){
    text_toltip.push("my text"+i);
}
chart.setOption({
    backgroundColor: '#fff',
    tooltip: {},
    visualMap: {
      max: 20,
      color: ['#d94e5d','#eac736','#50a3ba']
    },
    xAxis3D: {
      type: …

朋友们呢，我是 CSS 主题的新手。正如您在此图像中看到的那样，我正在尝试执行脉冲效果。

我希望我的菜单图标（“主页”一词旁边的图标）具有类似的动画效果。

我的问题是我不知道如何实现一个完美的圆在哪里实现这个动画。这是我目前的结果：

我可以做什么？

这是我的代码：

https://multi-level-side-menu-4bj1tj.stackblitz.io

ion-header button[ion-button].bar-buttons {
  border-radius: 10px;
  background: transparent;
  box-shadow: 0 0 0 0 rgba(90, 153, 212, 0.5);
  animation: pulse 1.5s infinite;
}
ion-header button[ion-button].bar-buttons:hover {
  animation: none;
}

@keyframes pulse {
  0% {
  transform: scale(0.9);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 1 0 10px rgba(90, 153, 212, 0);
  }
    100% {
    transform: scale(0.9);
    box-shadow: 0 0 0 0 rgba(90, 153, 212, 0);
  }
}

我分享我正在做的源代码，如果你想编辑一些东西，你必须修改app/app.css文件，才能实时查看。

谢谢你！

我正在寻找一个验证重音的正则表达式，它也不允许与重音不同的字符，并且允许空格但不允许除字母以外的字符。我目前使用它，但我收到空格错误。我该如何解决？

function cambiarNombre(nombre){
 let regex = /^[a-zA-ZÀ-ÿ\u00f1\u00d1]+(\s*[a-zA-ZÀ-ÿ\u00f1\u00d1]*)*[a-zA-   
 ZÀ-ÿ\u00f1\u00d1]+$/g;
 return regex.exec(nombre)[0];
}
console.log(cambiarNombre("UNA palabra ñoÑerías ")); //true
console.log(cambiarNombre("UNA palabra ñoÑerías*")); //false *
console.log(cambiarNombre("UN2A palabra1 5oÑerías")); //false 2 1 5
console.log(cambiarNombre("palabra2")); //false 2
console.log(cambiarNombre(" palabra2")); //false 2
console.log(cambiarNombre(" pálabña ")); //true
console.log(cambiarNombre("juan perez")); //true
console.log(cambiarNombre("juan pérez")); //true
console.log(cambiarNombre("juan")); //true
console.log(cambiarNombre("júan")); //true

允许重音、空格和字母。谢谢

这是我的场景。我正在向在某些情况下需要太长时间的网页发出请求。我希望当超过 10 秒没有从服务器发出响应时，请求被取消但没有收到任何错误。这是我当前的代码和我看到的错误。出现此错误时，我的代码结束。总之，我想发出一个 Web 请求并限制在 10 秒内没有答案，我完成请求并继续我的代码。

requests.post("www.webpage.com", headers = {'Content-type': 'application/x-www-form-urlencoded'}, data = {"conid":1,"event":5},timeout=10)
.
.
.

当 10 秒过去时，我收到此错误

ReadTimeout: HTTPConnectionPool(host='www.webpage.com', port=80): Read timed out. (read timeout=10)

出于保密原因，我没有放置真实的 url，但通常没有设置超时，它可以工作

我有这个json：

[
    {
      "question": "1.1",
      "level": 1,
      "id": 4,
      "answers": [
        {
          "text_answer": "NO",
          "questions": [
            {
              "question": "1.1.1",
              "level": 2,
              "id": 3,
              "answers": []
            }
          ]
        },
        {
          "text_answer": null,
          "questions": [
            {
              "question": "1.1.2",
              "level": 2,
              "id": 2,
              "answers": [
                {
                  "text_answer": "SI",
                  "questions": [
                    {
                      "question": "1.1.2.1",
                      "level": 3,
                      "id": 1,
                      "answers": []
                    }
                  ]
                }
              ]
            }
          ]
        }
      ]
    }
  ]

这json是动态的，可以n在字段下有许多级别answers ，questions这就是为什么有必要使用recursive函数来遍历它们

我想得到这个输出：

[
      { …

我有一个将图表转换为 svg 的代码。但我需要输出格式为 PNG 图像。svgString2Image是返回编码的 base64 svg 的函数。我该怎么做？非常感谢您。

function svgString2Image( svgString, width, height, format, callback ) {
  //console.log("svgString",svgString)
    format ? format : 'png';

    var imgsrc = 'data:image/svg+xml;base64,'+ btoa( unescape( encodeURIComponent( svgString ) ) ); // Convert SVG string to data URL
    var canvas = document.createElement("canvas");
    var context = canvas.getContext("2d");

    canvas.width = width;
    canvas.height = height;

    var image = new Image();
    image.onload = function() {
        context.clearRect ( 0, 0, width, height );
        context.drawImage(image, 0, 0, width, height);

        canvas.toBlob( function(blob) …

我是 css 中的新东西，我试图2x2 grid在每个容器中放置一个 . card完美margins（在任何方向上每个距离都相同card）。我想实现类似图像的效果，并避免向任何方向滚动。

我该怎么做？

谢谢

.col-6{
border:1px solid red;
}

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet"/>
<div class="row h-100">
    <div class="col-6">
        <div class="card m-1 ">
            text1
        </div>
    </div>
    <div class="col-6">
        <div class="card m-1 ">
            text2
        </div>
    </div>
    <div class="col-6">
        <div class="card m-1 ">
            text3
        </div>
    </div>
    <div class="col-6">
        <div class="card m-1 ">
            text4
        </div>
    </div>
</div>

我正在使用 React Native 和 Flexbox。

该display: flex属性不存在，但它确实存在，例如 flex: x

我正在尝试做这样的事情：

左侧的元素保留占据其内容以及中心元素的宽度

我该怎么做？如果在我的代码中使用display: flex，它可以工作，但是这个属性在react-native中不存在。

https://jsfiddle.net/cuamqfe0/

<div class="container">
 <div>
   1
 </div>
  <div>
  2
 </div>

</div>

.container{
  flex:1;
  __display:flex;
  justify-content:center;
  align-items:flex-end;
  flex-direction:row;
  border:1px solid red;
  height: 100vh;
}

.container div{
  border:1px solid blue;
}

目前仅使用以下代码绘制文本

AlertDialog(
   shape: RoundedRectangleBorder(
   borderRadius: BorderRadius.circular(20.0)),
   title: Text(
     'Error',
     style: TextStyle(backgroundColor: STYLES.styles["success"]),
   )
   .
   .
   .

我想用一种颜色绘制alertDialog的标题，我该怎么做？

我是颤振新手，我不知道是否可以做到这一点。我想在文本的左侧放置一个图标。

SnackBar(    
  backgroundColor: Colors.red,
  content: Text(_accion_toast + ". " + mensaje),
  duration: Duration(milliseconds: 1500),
);

我有3个Web请求是通过做$ HTTP,这份请愿书是功能(function1(),function2(),function3()).我想自定义执行所有这些请求的顺序.

object.function1().then(function() {
//result of petition $http of function1();
});

object.function2().then(function() {
//result of petition $http of function1();
});

object.function3().then(function() {
//result of petition $http of function2();
});

他们都试图同时跑.一些请求比其他请求花费更长时间,因为它们获得更多JSON对象 我想跑步才能开始:

function1();  //first
function2();  //second
function3();  //three

  var data= [{_id: "5a93cbd49ae761a4015f6346", nombre: "Chicago - Missouri", longitud: "-94.6807924", latitud: "38.287606"},
{ _id: "5a93ca539ae761a4015f6344", nombre: "Boston - Central Falss", longitud: "-71.4111895", latitud: "41.8902971"},
{ _id: "5a93ccbf9ae761a4015f6349", nombre: "Houston - Dallas", longitud: "-97.0117365", latitud: "32.8209296"}]

var d=[];
for(var i in data){
    d.push({ data[i].nombre:data[i]["_id"] })
}

我想要一个带结构的json

{ "nombre":"_id" }

例如:

 { "Chicago - Missouri":"5a93cbd49ae761a4015f6346"}
 { "Boston - Central Falss- Missouri": "5a93ca539ae761a4015f6344" }4

我的错是什么？

谢谢

我不知道这是否是正常的颤动行为，但是只有当您点击键盘“确定”按钮失去焦点时才会失去焦点，这很烦人。如果不这样做，光标将在文本字段中保持活动状态。

避免这种情况的最佳做法是什么？（在 gif 中它不是很受欢迎，但失去焦点的唯一方法是点击键盘上的“确定”按钮，否则无论您是否点击屏幕的其他区域，光标都将始终处于活动状态）

    Widget _searchBar() {
     return Container(
      child: TextField(
        textAlignVertical: TextAlignVertical.center,
        style: TextStyle(
          textBaseline: TextBaseline.alphabetic,
          color: _styles["gris_oscuro1"]["color"],
        ),
        onChanged: (value) {},
        decoration: InputDecoration(
          filled: true,
          fillColor: _styles["gris_claro"]["color"],
          alignLabelWithHint: true,
          hintText: "Buscar por código",
          hintStyle: TextStyle(color: _styles["gris_oscuro2"]["color"]),
          prefixIcon:
              Icon(Icons.search, color: _styles["gris_oscuro2"]["color"]),
          enabledBorder: OutlineInputBorder(
            borderRadius: BorderRadius.all(Radius.circular(40)),
            borderSide:
                BorderSide(color: _styles["gris_claro"]["color"], width: 1.0),
          ),
        ),
      ),
    );
    );


    Scaffold(
        key: _scaffoldKey,
        backgroundColor: _styles["fondo"]["bg"],
        drawer: MenuWidget(),
        body: SafeArea(
        child: _searchBar(),
        )