如何在React-Vis中指定轴范围

时间:2018-03-29 08:31:30

标签: d3.js react-vis

如何在React-Vis

中指定轴范围

对于Ex: Y轴为0到100,数据如下

data = {[{x:1,y:45},{x:2,y:50},{x:3,y:85}]} />

YAxis必须介于0到100之间,即使此处的最大Y值为85

2 个答案:

答案 0 :(得分:1)

在XYPlot组件<?php $jsndata = {"success":true,"data":"{\"campaign_name\":\"helloworld\",\"download_link\":\"https:\\\/\\\/google.com\\\/accesskey\\\/getfile\\\/m-spqn-e61-2aef2575a0b5250354f2b0fda033e703?token=HUSYjdC5jyJskXUHiKn13l1A1BaAjH2R&dcma=5ecceb0522bcd0db\",\"link\":\"http:\\\/\\\/www.lol.com\\\/remove\\\/remove.php\"}","message":null}; $jsn = json_decode($jsndata,true); $temperatureMin = $jsn['data'][6]['download_link']; echo $temperatureMin; ?>

上使用xDomain或yDomain道具

答案 1 :(得分:0)

来自他们关于尺度的文档: https://uber.github.io/react-vis/documentation/general-principles/scales-and-data

"要重新定义比例,您必须将道具传递给使用该比例的系列。道具名称基于属性的名称:名称 + 域、名称 + 范围、名称 + 类型、名称 + Padding (例如:yDomain、colorType、xRange)。”

因此,为了您的目的,您可以设置 <XYPlot yDomain=[0,100]></XYPlot>