小编ksa*_*sav的帖子

我正在尝试制作一个在x轴上具有时间刻度的可缩放图表。

xScale的默认行为如下：

var x = d3.time.scale()
  .domain([getDate(minDate), getDate(maxDate)])
  .range([0, width]);

和一个xAxis像这样：

var xAxis = d3.svg.axis()
  .scale(x);

几乎是我所追求的。

但我想使用一种自定义的时间格式来显示年份，而不是显示月份名称，而只显示一个刻度线，不显示文本（并可能在这些刻度中添加一个类），同时仍保留默认值缩放轴的行为。

任何帮助将非常感激。

在这里看到JSfiddle

编辑：我想Lars在这里的答案将是一个很好的方法，只要可以将其应用于可缩放图表即可。有什么新想法吗？

我知道你不应该在 -tags<table>中包含 -tags，<label>因为它<table>是流内容。但是，我正在尝试将表格连接到单选按钮，为此我使用 -attributefor作为标签，但我无法将其放入<table>其中<label>而不出现错误。

我的问题是：如果标签使用了表格，是否可以将表格放在标签内，display: block或者解决此问题的唯一方法是使用 JavaScript 并<label>一起删除 - 标签？

JSFiddle： https: //jsfiddle.net/fgjtsp45/1/

<input type="radio" name="gender" id="1">
<label for="1" class="my-label">
      <table style="width:100%">
        <tr>
          <th>Firstname</th>
          <th>Lastname</th> 
          <th>Age</th>
        </tr>
        <tr>
          <td>Jill</td>
          <td>Smith</td> 
          <td>50</td>
        </tr>
        <tr>
          <td>Eve</td>
          <td>Jackson</td> 
          <td>94</td>
        </tr>
      </table>
</label>

<input type="radio" name="gender" id="2">
<label for="2" class="my-label">
      <table style="width:100%">
        <tr>
          <th>Firstname</th>
          <th>Lastname</th> 
          <th>Age</th>
        </tr>
        <tr>
          <td>Jill</td>
          <td>Smith</td> 
          <td>50</td>
        </tr>
        <tr>
          <td>Eve</td>
          <td>Jackson</td> 
          <td>94</td>
        </tr>
      </table> …

我有以下标题

<h1>ADD MONEY</h1>

它被 VoiceOver 读为

加钱

而如果我将文本更改为小写，它将正确读取为“加钱”。你有什么建议吗？我已经尝试过使用aria-labelledby没有运气！

我正在开发的 Gatsby 网站在该content/posts目录中包含其博客文章。我曾经gatsby-source-filesystem访问这些文件并将它们变成页面。

//gatsby-config.js
{
  resolve: `gatsby-source-filesystem`,
  options: {
    path: `${post_dir}/content/posts/`,
    name: "posts"
  }
},

这是我的 gatsby-node.js。

//gatsby-node.js
exports.onCreateNode = ({ node, getNode, boundActionCreators }) => {
  const { createNodeField } = boundActionCreators;
  if (node.internal.type === `MarkdownRemark`) {
    const slug = createFilePath({ node, getNode, basePath: `pages` });

    const separtorIndex = ~slug.indexOf("--") ? slug.indexOf("--") : 0;
    const shortSlugStart = separtorIndex ? separtorIndex + 2 : 0;

    createNodeField({
      node,
      name: `slug`,
      value: `${separtorIndex ? "/" : ""}${slug.substring(shortSlugStart)}`
    }); …

我如何在 react-native-video 上播放 youtube 视频，

我不想在 react-native-youtube 或 webview 中播放视频，

我有一个项目列表，它将占用两行或更多行。

当它超过 div 的宽度时，它会像下面的示例一样换行到下一行。

如何使第二行开始与Item1对齐并且可以响应式完成？

ul li {
  display: inline-block;
}

<ul>
  <li><strong>List of items:</strong></li>
  <li><a href="#">Item1</a></li>
  <li><a href="#">Item2</a></li>
  <li><a href="#">Item3</a></li>
  <li><a href="#">Item4</a></li>
  <li><a href="#">Item5</a></li>
  <li><a href="#">Item6</a></li>
  <li><a href="#">Item7</a></li>
</ul>

只是为了明确路由器使用下面的代码，我的messages.js在api文件夹中...... router.use("/messages", require("./messages")); 所以我的api调用是正确的。

用于发布消息的后端......我知道如果没有对话存在，conferenceId 将为空，但是......我正在尝试在对话已经存在的情况下发送消息，但我仍然无法读取未定义的对话 ID......

// expects {recipientId, text, conversationId } in body 
// (conversationId will be null if no conversation exists yet)
router.post("/", async (req, res, next) => {
  try {
    if (!req.user) {
      return res.sendStatus(401);
    }
    const senderId = req.user.id;
    const { recipientId, text, conversationId, sender } = req.body;

    // if we already know conversation id, we can save time and just add it to message and return
    if (conversationId) {
      const message = await Message.create({ …

我的 HTML 内容来自 API（在本例中为 Gatsby），因此我dangerouslySetInnerHTML按照推荐使用。问题是，它扰乱了我的样式，特别是网格。我有一个这样的 html 标记：

<article>
    <h2>Title of the post<h2>
    <small>Date of the post</small>
    <div dangerouslySetInnerHTML={{ __html: post.html }} />
</article>

这个<article>标签包含一个display: grid样式。但是该 div 中的所有内容都占用了宝贵的空间，因此难以设置样式（这也不是一个有用的 div！）。所有重要的 html 都在里面，但我想去掉实际的<div>标签。有什么办法吗？

注意：我已经{post.html}直接尝试过，但它是无法解码的编码URI。

谢谢！

我正在尝试使用react和gatsbyjs制作一个甜甜圈图。图表工作正常，但我无法使用div的整个宽度。对于保留的区域，它显示的太小。

render (){
    return (

            <Doughnut 
                data={this.state.chartData}
                options={{
                    padding:"0px",
                    responsive:false,
                    maintainAspectRatio:false,
                    defaultFontSize:"14px",
                    width:"400",
                    height:"400",
                    legend:{
                        display:false,
                    },
                    plugins:{
                        datalabels: {
                            color:'#000000',
                            anchor: "start",
                            align:"end",
                            formatter: function(value, context) {
                                    return context.chart.data.labels[context.dataIndex];
            }
                        }
                    } 
                }}
                />


        )

}

我不知道如何描述我的问题，但看看我的输出你就会明白。我用谷歌搜索了我的问题，但找不到解决方案。

.btn1 {
  font-family: 'Times New Roman', Times, serif;
  margin-right: 0px;
  width: 100px;
  height: 30px;
  font-size: 17px;
  font-weight: 200;
  background-color: #f7e7e7;
  color: rgb(49, 126, 126);
  border-radius: 5px;
  border: 1px solid rgb(186, 230, 173);
  box-shadow: 3px 3px rgb(98, 151, 98);
}

<div>
  <a href="#">
    <button class="btn1">Home</button>
  </a>
  <a href="product.html">
    <button class="btn2">Products</button>
  </a>
  <a href="#">
    <button class="btn3">Buy Now</button>
  </a>
  <a href="findus.html">
    <button class="btn4">Find us</button>
  </a>
</div>

每个按钮在 CSS 中都有相同的代码。你能告诉我，我做错了什么吗？谢谢你。