Javascript 缩放DC.js图表中的y记号标签(下面是D3.js)
我试图找到一种方法来动态缩放图表的y轴,使数值以单个数字显示,顶部带有指数表示,有效地改变了这一点:Javascript 缩放DC.js图表中的y记号标签(下面是D3.js),javascript,d3.js,plot,dc.js,axis-labels,Javascript,D3.js,Plot,Dc.js,Axis Labels,我试图找到一种方法来动态缩放图表的y轴,使数值以单个数字显示,顶部带有指数表示,有效地改变了这一点: 为此: 注意,这在Matlab/Matplotlib/等中自动工作,但我正在努力用web绘图框架找到解决方案(可能我的搜索语言是错误的)。。。我知道D3.js不是一个图表库,但我愿意接受一个与前端DC.js或后端D3.js一起使用的解决方案 根据下面@Gordon的答案进行编辑,我使用这个 chart.yAxis().tickFormat(d3.format('.1e')); 是否有可
为此: 注意,这在Matlab/Matplotlib/等中自动工作,但我正在努力用web绘图框架找到解决方案(可能我的搜索语言是错误的)。。。我知道D3.js不是一个图表库,但我愿意接受一个与前端DC.js或后端D3.js一起使用的解决方案
根据下面@Gordon的答案进行编辑,我使用这个
chart.yAxis().tickFormat(d3.format('.1e'));
是否有可能将所有e+6移动到顶部?或者我需要自己编写一个自定义缩放函数并插入一个单独的文本框吗?在dc.js中,轴直接从 使用
chart.xAxis()
和chart.yAxis()
访问它们,以减少图表初始化过程中的混乱
您可以使用来控制勾号文本的格式
您可以使用来进行自动格式化。看起来指数或SI符号可能适合您所做的,尽管它与在屏幕截图中将指数放在单独的文本元素中并不完全相同
总而言之,这很接近
chart.yAxis().tickFormat(d3.format('.1e'))
勾号格式问题经常出现。我想知道我们可以把这些信息放在哪里,这样人们就不用问了。我在看,也许一个像“小心”这样的提示就足够了?谢谢;这指向d3轴文档,所以我们可以添加一个注释,如果您想更改刻度,那就是要查看的地方!啊哈,现在我明白了,请原谅我在阅读dc.js文档时缺乏毅力/注意力!NP总是很高兴获得一些虚假的互联网积分,但总是试图以小的方式改进文档。
%e
对我不起作用,.1e
让我更接近了,但请参见上文以了解更多说明