【问题标题】:python-nvd3 missing xAxis tickspython-nvd3 缺少 xAxis 刻度
【发布时间】:2017-07-09 20:18:50
【问题描述】:

我在 python 中使用python-nvd3 创建了一个多条形图。

问题是每隔一个 X 轴刻度/标签就会显示在图表上。

在将它传递给烧瓶模板之前,我生成的是 python 中的图表。

另一个 SO 帖子中也描述了这个问题,但解决方案是针对 Angular 的,并没有指出我可以在创建图表之前将 python 中的属性传递给图表的方法。


StackOverflow solution 1 here

StackOverflow solution 2 here


解决方案建议设置属性.reduceXTicks(true),但我的问题是我看不到在python中设置此自定义属性的方法。

这就是图表的样子。

这是我生成图表的方式,以及下面的 X 和 Y 轴数据:

fchart = multiBarChart(name='f_multibarchart', width=1000, height=400, x_axis_format=None, color_category="category10")

xdata ['510', '125', '630', '625', '650', '1000', '805', '515', '610', '800']
ydata1 [0, 0, 0, 0, 1, 15, 0, 0, 0, 0]
ydata2 [1, 17, 23, 1, 29, 0, 0, 2, 0, 13]

fchart.add_serie(name="Full", y=ydata1, x=xdata)
fchart.add_serie(name="Low", y=ydata2, x=xdata)

任何帮助将不胜感激

【问题讨论】:

    标签: python d3.js python-nvd3


    【解决方案1】:

    问题解决了!

    设置reduceXTicks(false) 对我不起作用

    我发现丢失的 X 刻度的不透明度设置为 0,所以我所做的是使用 add_chart_extras() 函数将所有刻度的不透明度推送到 1

    fchart = multiBarChart(name='f_multibarchart', width=1000, height=400, x_axis_format=None, color_category="category10")
    extras = "d3.selectAll('#f_multibarchart text').style('opacity', '1');"
    fchart.add_chart_extras(extras)
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2016-02-06
      • 1970-01-01
      • 2014-03-31
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多