相关疑难解决方法(0)

样式X和Y轴(刻度线)与Chart.js?

我正在尝试使用Chart.js更改X和Y轴的样式,我能够改变它们的宽度,但由于某种原因,我无法改变它们的背景颜色,并且文档中没有任何内容(http:/ /www.chartjs.org/docs/)可能有所帮助.我能够使用更改X轴背景zeroLineColor,但这仅在数据集从零开始时才有效

带有Y轴的Chart.js没有问题

请注意,我不是要设置网格线的样式,而是实际上是刻度线旁边的线(以前称为标签,如果我没有错).

我目前的标记看起来像这样:

<canvas id="applauseChart" width="405" height="405"></canvas>
Run Code Online (Sandbox Code Playgroud)

生成图表的代码如下所示:

Chart.defaults.global.legend = {
  display: false,
  labels: {
    fontFamily: "'Open Sans', sans-serif",
    fontSize: 12,
    fontStyle: "bold",
    fontColor: "#545454"
  }
};

var ctx = $("#applauseChart");

var data = {
  labels: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
  datasets: [
    {
      label: "Applauses",
      fill: false,
      lineTension: 0,
      backgroundColor: "transparent",
      borderColor: "#FE8C85",
      borderWidth: 10,
      borderCapStyle: 'butt',
      borderDash: [],
      borderDashOffset: 0,
      borderJoinStyle: 'miter',
      pointBorderColor: "#FE8C85",
      pointBackgroundColor: "#FE8C85", …
Run Code Online (Sandbox Code Playgroud)

javascript charts chart.js

4
推荐指数
1
解决办法
1万
查看次数

标签 统计

chart.js ×1

charts ×1

javascript ×1