小编Nad*_*ine的帖子

如何使用 Material-UI 更改 React 中链接的颜色?

我无法更改按钮内链接的颜色。当我将辅助颜色应用于 Button 时,它不会生效。在其他组件中,它确实以这种方式工作。

<AppBar position='fixed'>
                <Toolbar>
                    <Button color='secondary'>
                        <Link to="/">Home</Link>
                    </Button>
                </Toolbar>
</AppBar>

Run Code Online (Sandbox Code Playgroud)

在 App.js 中,我创建了自定义主题并将其包裹在所有组件周围 <ThemeProvider theme={customTheme}>

应用程序.js:

const customTheme = createMuiTheme({
    palette: {
        primary: {
            main: '#36454B',
            contrastText: '#fff',
        },
        secondary: {
            light: '#55dab3',
            main: '#00a883',
            dark: '#007856',
            contrastText: '#000',
        }
    }
});
Run Code Online (Sandbox Code Playgroud)

reactjs material-ui react-router-dom

9
推荐指数
2
解决办法
9663
查看次数

如何使用热图顶点图中的数组值设置自定义工具提示?

我正在使用 apexcharts 中的热图图表,我想自定义工具提示。对于每个数据,我想以字符串形式提供匹配的描述。描述值存储在一个简单的数组中,如下所示:

let chartLabels = ['January', 'February', 'March'];

如何使用custom图表选项中的字段为数据字段提供自定义工具提示?

图表数据:

let chartData = {
    options: {
        chart: {
            toolbar: {
                show: false
            },
        },
        yaxis: {
            show: false
        },
        xaxis: {
            show: false,
            labels: {
                show: false,
            }
        },
        tooltip: {
            enabled: true,
            //custom:
        },
     },
     series: [{
        name: ' ',
        data: [24, 53, 54, 545, 545]
      },
        {
            name: ' ',
            data: [654, 454, 454, 44, 34]
        }]
};
Run Code Online (Sandbox Code Playgroud)
<Chart
    options={chartData.options}
    series={chartData.series}
    type='heatmap'/>
Run Code Online (Sandbox Code Playgroud)

javascript reactjs apexcharts

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