Anychart反应设置主题

我目前使用anycharts react plugin为了创建演示，但我无法弄清楚如何更改默认主题。任何机构都有一个想法。Anychart反应设置主题

我想：

import React from 'react' 
import AnyChart from 'anychart-react' 
import './anychart-ui.scss' 

const data = [ 
    ['p1', 5, 4], 
    ['p2', 6, 2], 
    ['p3', 3, 7], 
    ['p4', 1, 5] 
] 

const complexSettings = { 
    width: 800, 
    height: 600, 
    type: 'column', 
    data: 'P1,5\nP2,3\nP3,6\nP4,4', 
    title: 'Column chart', 
    yAxis: [1, { 
    orientation: 'right', 
    enabled: true, 
    labels: { 
     textFormatter: '{%Value}{decimalPoint:\\,}', 
     fontColor: 'red' 
    } 
    }], 
    legend: { 
    background: 'lightgreen 0.4', 
    padding: 0 
    }, 
    lineMarker: { 
    value: 4.5 
    } 
} 

const customTheme = { 
    // define settings for bar charts 
    'bar': { 
    // set chart title 
    'title': { 
     'text': 'Bar Chart', 
     'enabled': true 
    }, 
    // settings for default x axis 
    'defaultXAxisSettings': { 
     // set x axis title 
     'title': { 
     'text': 'Retail Channel', 
     'enabled': true 
     } 
    }, 
    // settings for default y axis 
    'defaultYAxisSettings': { 
     // set axis name 
     'title': { 
     'text': 'Sales', 
     'enabled': true 
     } 
    } 
    } 
} 

export const AnychartsDemo = (props) => (
    <div style={{ margin: '0 auto' }} > 
    <AnyChart 
     width={800} 
     height={600}º 
     type='pie' 
     data={[1, 2, 3, 4]} 
     title='Simple pie chart' 
     theme='Light Blue' 
    /> 
    <hr /> 
    <AnyChart 
     type='column' 
     title='Multicolumn chart' 
     width={800} 
     height={600} 
     data={data} 
     legend 
     theme={customTheme} /> 
    <AnyChart 
     {...complexSettings} 
    /> 
    </div> 
) 

export default AnychartsDemo

但没有任何工程。

来源

2017-04-19 Jean

如果您将主题更改为：主题=“浅蓝色”，该怎么办？ – Ved

@Ved nothing，我只是更新我的问题，让你检查组件代码。 – Jean

'anychart-ui.scss'中有什么？ –

吉恩，

来解决这个问题，你有<AnyChart />在第一次使用前，调用anychart.theme（ 'lightBlue'）（重要：请使用驼峰）。此外，您还需要包括相应的主题：

app.html

<head> 

    <script src="http://cdn.anychart.com/themes/latest/light_blue.js"></script> 
</head>

或者你可以从CDN下载的主题：http://cdn.anychart.com/#themes

app.js

import React from 'react' 
import AnyChart from 'anychart-react' 
anychart.theme('lightBlue')

来源

2017-04-20 17:54:35

Anychart反应设置主题

回答

相关问题