Apply custom styles to legend and pie chart

pessimisticat commented 4 years ago

Is there a way to apply custom styles to legend and pie chart? I want to move legend to the left. How can I do that?

felipecruz91 commented 4 years ago

I'll start working on this one

felipecruz91 commented 4 years ago

@Hermanya I'd like to start working on this issue but after following the contributing guideline I got this error message:

C:\src\react-native-chart-kit>yarn start
yarn run v1.22.4
$ expo start
Starting project at C:\src\react-native-chart-kit
Expo DevTools is running at http://localhost:19002
Press d to open DevTools now, or shift-d to always open it automatically.
error Invalid regular expression: /(.*\\__fixtures__\\.*|node_modules[\\\]react[\\\]dist[\\\].*|website\\node_modules\\.*|heapCapture\\bundle\.js|.*\\__tests__\\.*)$/: Unterminated character class

debug SyntaxError: Invalid regular expression: /(.*\\__fixtures__\\.*|node_modules[\\\]react[\\\]dist[\\\].*|website\\node_modules\\.*|heapCapture\\bundle\.js|.*\\__tests__\\.*)$/: Unterminated character class
    at new RegExp (<anonymous>)
    at blacklist (C:\src\react-native-chart-kit\node_modules\metro-config\src\defaults\blacklist.js:34:10)
    at getBlacklistRE (C:\src\react-native-chart-kit\node_modules\@react-native-community\cli\build\tools\loadMetroConfig.js:61:59)
    at getDefaultConfig (C:\src\react-native-chart-kit\node_modules\@react-native-community\cli\build\tools\loadMetroConfig.js:75:20)
    at load (C:\src\react-native-chart-kit\node_modules\@react-native-community\cli\build\tools\loadMetroConfig.js:103:25)
    at Object.runServer [as func] (C:\src\react-native-chart-kit\node_modules\@react-native-community\cli\build\commands\server\runServer.js:72:58)
    at C:\src\react-native-chart-kit\node_modules\@react-native-community\cli\build\cliEntry.js:152:22
Metro Bundler process exited with code 1
Error: Metro Bundler process exited with code 1
    at ChildProcess.<anonymous> (C:\@expo\xdl@57.8.27\src\Project.ts:1854:16)
    at Object.onceWrapper (events.js:418:26)
    at ChildProcess.emit (events.js:311:20)
    at Process.ChildProcess._handle.onexit (internal/child_process.js:275:12)
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

(I've switched the values of main and _main in the package.json before running yarn start as you can see in the image below):

Hermanya commented 4 years ago

Looks like it's related to this issue https://github.com/facebook/metro/issues/453

PirunSeng commented 4 years ago

Thanks for a nice chart and simple enough that we could get it up and running fast. I'm also looking for an option to move pie chart legend to the left, too. It'll be more flexible :)

sidVaidya commented 3 years ago

@Hermanya Hey any update on this feature?

YoelAbk6 commented 2 years ago

Would love that too

renishdeveloper commented 6 months ago

Require custom styling for legend.

indiespirit / react-native-chart-kit

Apply custom styles to legend and pie chart #208