你好！

欢迎收看我们关于修改现有扩展以满足您需求的小博客系列第3集。在这个博客中，我们将介绍如何修改图表的轴（当然是轴）。这不适用于没有轴的图表。如果您有一个没有轴的图表，一元云购下载，并且您想添加它们，请参阅D3.js库中关于如何向图表添加轴的文档：SVG axes·mbostock/D3 Wiki·GitHub

这里我们将重点介绍如何使用现有轴修改图表。

对于大多数有轴的图表，轴记号将根据数据度量和维度的域和范围定义。我们不会碰这些。我们开发的大多数扩展都支持根据数据域和范围自动定义轴刻度。我们鼓励未来开发的扩展遵循相同的原则，避免硬编码轴标签和记号，以使图表更灵活地处理不同的数据集。

现在我们真正想做的是改变轴的外观。我将在这里使用的一个扩展示例是扩展的气泡矩阵。让我们看看修改轴属性的不同选项：

彩色轴

例如，北京大数据公司有哪些，如果我们想要彩色X轴，我们可以转到默认.css文件位于Web IDE项目的/style文件夹下，大数据有什么用，我们已从其中复制了GitHub中的所有源代码，用于您要修改的特定扩展名。在我们的示例中，我们将转到在默认.css文件

我们目前有黑色轴。假设我们要将轴更改为钢蓝色：

现在假设我们要红色X轴和绿色Y轴。在我们的示例代码中，两个轴的属性已经合并。我们可以将它们分开并按以下方式进行样式：

由此，我们得到以下结果：

厚轴

现在假设我们想要更厚的轴。在轴的样式中添加以下代码行：

您可以定义以像素为单位的任何宽度。如果你想再厚一点，可以再高一点。如果你想瘦一点，你可以低一点。宽度像素也可以定义为十进制值，如0.5px等

让我们将此厚度应用到以前的彩色轴上。

虚线轴

这不是一个非常常见的属性，在图表上看起来也不太容易阅读。但是，如果您碰巧有一个图表，它可能是适用的，您可以添加以下行到样式功能：

这是我们得到的：

或我们以前格式化的轴，我们得到：

轴标签样式

移动到轴标签，转到CSS中定义文本样式的部分：

现在用这个代码修改：

我们得到：

同样，你可以为单个轴的标签设置独特的样式。

有很多方法可以为图表的轴设置样式。探索你的想象力和创造力，政务大数据，看看你能做什么，以及如何调整自己的东西！

如果您对此有任何疑问，查淘客，请随时联系我。

接下来是我们的Lumira viz extension调整小博客系列：图表标题和图例！