Recharts - 将轴标签对齐在左侧

时间:2018-06-13 10:28:32

标签: javascript reactjs recharts

我正在使用$(".datepicker").datepicker("update", new Date("30/11/2018")); 库创建水平条形图。我想在左侧对齐y轴标签。

recharts

Jsfiddle

1 个答案:

答案 0 :(得分:1)

您可以使用自定义的Tick组件来完成此操作。

    private void comboBoxFurnizor_SelectedIndexChanged(object sender, EventArgs e)
    {
        ComboBox cmb = (ComboBox)sender;
//to get the selected Index
        int selectedIndex = cmb.SelectedIndex;

//to get the value 
        int selectedValue = (int)cmb.SelectedValue;

        ComboboxItem selectedItem = (ComboboxItem)cmb.SelectedItem;
    textBoxPret.Text =selectedItem .Text

    }

然后您可以在YAxis中使用它:

const CustomYAxisTick = React.createClass({
    render() {
        const { x, y, payload } = this.props;
        return (<g transform={`translate(${0},${y})`}>
            <text x={0} y={0}
                textAnchor="start"
                fill="#666">{payload.value}</text>
        </g>)
    }
})

我分叉了您的JSFiddle,并添加了这些更改。